🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
Socket
DemoInstallSign in
Socket
DemoInstallSign in

react-fields-keeper

Package Overview
Dependencies
Maintainers
1
Versions
100
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-fields-keeper - npm Package Compare versions

Comparing version

0.0.1
to
0.1.0

6

dist/FieldsKeeper/FieldsKeeper.d.ts

@@ -31,5 +31,5 @@ import { ReactNode } from "react";

}
export declare const FieldsKeeperProvider: (props: IFieldsKeeperProviderProps) => import("react/jsx-runtime").JSX.Element;
export declare const FieldsKeeperBucket: (props: IFieldsKeeperBucketProps) => import("react/jsx-runtime").JSX.Element;
export declare const FieldsKeeperRootBucket: (props: IFieldsKeeperRootBucketProps) => import("react/jsx-runtime").JSX.Element;
export declare const FieldsKeeperProvider: (props: IFieldsKeeperProviderProps) => JSX.Element;
export declare const FieldsKeeperBucket: (props: IFieldsKeeperBucketProps) => JSX.Element;
export declare const FieldsKeeperRootBucket: (props: IFieldsKeeperRootBucketProps) => JSX.Element;
export {};

1286

dist/index.es.js
(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");n.appendChild(document.createTextNode(".column-as-measure-mapping-content{display:flex;flex-direction:column;gap:5px;align-items:flex-start;width:100%}.column-as-measure-mapping-content :hover .column-as-measure-edit{visibility:visible}.column-as-measure-mapping-content .column-as-measure-edit{cursor:pointer;visibility:hidden}.column-as-measure-mapping-content .column-as-measure-mapping-content-title{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.column-as-measure-mapping-content .column-as-measure-mapping-content-title .link-label{color:#2e7fec;cursor:pointer;font-weight:600}.column-as-measure-mapping-content .column-as-measure-mapping-content-title .icons{padding:5px;cursor:pointer}.column-as-measure-mapping-content .column-as-measure-mapping-content-title .icons:hover{background:#80808030;border-radius:50%}.column-as-measure-mapping-content .column-as-measure-mapping-content-title .ms-Icon--ChromeClose{font-size:10px}.column-as-measure-mapping-content .column-as-measure-mapping-content-input{width:100%;overflow:hidden;border:1px dashed gray;border-radius:3px;padding:6px 5px;text-align:left;font-size:12px;white-space:nowrap;display:flex;flex-direction:column;gap:3px;cursor:pointer}.column-as-measure-mapping-content .column-as-measure-mapping-content-input.column-as-measure-mapping-content-input-active{border-color:#000;background-color:#f0f0f0}.column-as-measure-mapping-content .column-as-measure-mapping-content-input .column-as-measure-mapping-content-input-placeholder{padding:0 4px;height:24px;display:flex;align-items:center;pointer-events:none}.column-as-measure-mapping-content .column-as-measure-mapping-content-input.column-as-measure-mapping-content-multi-input{padding-bottom:10px}.column-as-measure-mapping-content .column-as-measure-mapping-content-input .column-as-measure-mapping-content-input-filled{background:#dbdbdb;width:100%;height:24px;padding:0 5px 0 8px;white-space:nowrap;overflow:hidden;border-radius:2px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}.column-as-measure-mapping-content .column-as-measure-mapping-content-input .column-as-measure-mapping-content-input-filled .column-as-measure-mapping-content-input-filled-value{width:min-content;overflow:hidden;text-overflow:ellipsis}.column-as-measure-mapping-content .column-as-measure-mapping-content-input .column-as-measure-mapping-content-input-filled .column-as-measure-mapping-content-input-filled-close{height:15px;width:15px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.column-as-measure-mapping-content .column-as-measure-mapping-content-input .column-as-measure-mapping-content-input-filled .column-as-measure-mapping-content-input-filled-close span{font-size:8px!important}.column-as-measure-mapping-content .column-as-measure-mapping-content-input .column-as-measure-mapping-content-input-filled .column-as-measure-mapping-content-input-filled-close:hover{background-color:#f3f3f3}.column-as-measure-mapping-container{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:6px;overflow:hidden}.column-as-measure-mapping-container .column-as-measure-mapping-column-searcher{width:100%;overflow:hidden;position:relative}.column-as-measure-mapping-container .column-as-measure-mapping-column-searcher input{width:100%;padding:4px 20px 4px 5px;outline:none}.column-as-measure-mapping-container .column-as-measure-mapping-column-searcher .column-as-measure-mapping-column-searcher-clear{position:absolute;top:50%;right:5px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.column-as-measure-mapping-container .column-as-measure-mapping-column-searcher .column-as-measure-mapping-column-searcher-clear span{font-size:8px!important}.column-as-measure-mapping-container .column-as-measure-mapping-column-searcher .column-as-measure-mapping-column-searcher-clear:hover{background-color:#c7c7c7}.column-as-measure-mapping-container .column-as-measure-mapping-column-searcher .column-as-measure-mapping-column-searcher-clear:active{transform:translateY(-50%) scale(.9)}.column-as-measure-mapping-container .column-as-measure-mapping-content-scrollable-container{width:100%;height:auto;max-height:335px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:5px}.column-as-measure-mapping-container .column-as-measure-mapping-content-scrollable-container.column-as-measure-mapping-content-scrollable-container-columns{max-height:300px;gap:0px}.column-as-measure-mapping-container .column-as-measure-mapping-column-content{display:flex;flex-direction:row;width:100%;gap:6px;align-items:center;cursor:pointer;padding:6px 4px}.column-as-measure-mapping-container .column-as-measure-mapping-column-content:hover{background-color:#f3f3f3}.column-as-measure-mapping-container .column-as-measure-mapping-column-content .column-as-measure-mapping-column-content-checkbox{display:block}.column-as-measure-mapping-container .column-as-measure-mapping-column-content .column-as-measure-mapping-column-content-label{font-size:12px;font-weight:400}.column-as-measure-mapping-container .column-as-measure-mapping-no-search-items-found{width:100%;text-align:center;display:grid;place-items:center;font-size:13px;font-weight:400}.column-as-measure-mapping-container .column-as-measure-mapping-no-search-items-found .column-as-measure-mapping-clear-search-link{margin-top:5px;border-bottom:1px solid #5c5cd1;color:#5c5cd1;width:min-content;white-space:nowrap;cursor:pointer}.column-as-measure-mapping-container .column-as-measure-mapping-no-search-items-found .column-as-measure-mapping-clear-search-link:hover{color:#3232ac}")),document.head.appendChild(n)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
import $e, { createContext as mr, useState as q, useContext as Le, useMemo as vr, useRef as hr, useEffect as gr } from "react";
function br(x) {
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x.default : x;
import pe, { createContext as We, useState as U, useContext as me, useMemo as Me, useRef as Ve, useEffect as Be } from "react";
function Ue(g) {
return g && g.__esModule && Object.prototype.hasOwnProperty.call(g, "default") ? g.default : g;
}
var ce = { exports: {} }, U = {};
/**
* @license React
var te = { exports: {} }, W = {};
/** @license React v16.14.0
* react-jsx-runtime.production.min.js

@@ -16,23 +15,27 @@ *

*/
var Ae;
function yr() {
if (Ae)
return U;
Ae = 1;
var x = $e, f = Symbol.for("react.element"), o = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, n = x.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
function d(a, u, h) {
var R, C = {}, T = null, k = null;
h !== void 0 && (T = "" + h), u.key !== void 0 && (T = "" + u.key), u.ref !== void 0 && (k = u.ref);
for (R in u)
i.call(u, R) && !c.hasOwnProperty(R) && (C[R] = u[R]);
if (a && a.defaultProps)
for (R in u = a.defaultProps, u)
C[R] === void 0 && (C[R] = u[R]);
return { $$typeof: f, type: a, key: T, ref: k, props: C, _owner: n.current };
var fe;
function Ke() {
if (fe)
return W;
fe = 1;
var g = pe, f = 60103;
if (W.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
var s = Symbol.for;
f = s("react.element"), W.Fragment = s("react.fragment");
}
return U.Fragment = o, U.jsx = d, U.jsxs = d, U;
var o = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = Object.prototype.hasOwnProperty, c = { key: !0, ref: !0, __self: !0, __source: !0 };
function u(i, l, v) {
var x, P = {}, y = null, S = null;
v !== void 0 && (y = "" + v), l.key !== void 0 && (y = "" + l.key), l.ref !== void 0 && (S = l.ref);
for (x in l)
n.call(l, x) && !c.hasOwnProperty(x) && (P[x] = l[x]);
if (i && i.defaultProps)
for (x in l = i.defaultProps, l)
P[x] === void 0 && (P[x] = l[x]);
return { $$typeof: f, type: i, key: y, ref: S, props: P, _owner: o.current };
}
return W.jsx = u, W.jsxs = u, W;
}
var B = {};
/**
* @license React
var ee = {};
/** @license React v16.14.0
* react-jsx-runtime.development.js

@@ -45,591 +48,398 @@ *

*/
var Ne;
function Er() {
return Ne || (Ne = 1, process.env.NODE_ENV !== "production" && function() {
var x = $e, f = Symbol.for("react.element"), o = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), I = Symbol.iterator, $ = "@@iterator";
function y(e) {
if (e === null || typeof e != "object")
return null;
var r = I && e[I] || e[$];
return typeof r == "function" ? r : null;
}
var S = x.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
function l(e) {
{
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), s = 1; s < r; s++)
t[s - 1] = arguments[s];
O("error", e, t);
var de;
function He() {
return de || (de = 1, function(g) {
process.env.NODE_ENV !== "production" && function() {
var f = pe, s = 60103, o = 60106;
g.Fragment = 60107;
var n = 60108, c = 60114, u = 60109, i = 60110, l = 60112, v = 60113, x = 60120, P = 60115, y = 60116, S = 60121, w = 60122, N = 60117, R = 60129, b = 60131;
if (typeof Symbol == "function" && Symbol.for) {
var a = Symbol.for;
s = a("react.element"), o = a("react.portal"), g.Fragment = a("react.fragment"), n = a("react.strict_mode"), c = a("react.profiler"), u = a("react.provider"), i = a("react.context"), l = a("react.forward_ref"), v = a("react.suspense"), x = a("react.suspense_list"), P = a("react.memo"), y = a("react.lazy"), S = a("react.block"), w = a("react.server.block"), N = a("react.fundamental"), a("react.scope"), a("react.opaque.id"), R = a("react.debug_trace_mode"), a("react.offscreen"), b = a("react.legacy_hidden");
}
}
function O(e, r, t) {
{
var s = S.ReactDebugCurrentFrame, v = s.getStackAddendum();
v !== "" && (r += "%s", t = t.concat([v]));
var g = t.map(function(m) {
return String(m);
});
g.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, g);
var j = typeof Symbol == "function" && Symbol.iterator, L = "@@iterator";
function A(e) {
if (e === null || typeof e != "object")
return null;
var t = j && e[j] || e[L];
return typeof t == "function" ? t : null;
}
}
var A = !1, F = !1, K = !1, ee = !1, We = !1, fe;
fe = Symbol.for("react.module.reference");
function Ye(e) {
return !!(typeof e == "string" || typeof e == "function" || e === i || e === c || We || e === n || e === h || e === R || ee || e === k || A || F || K || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === C || e.$$typeof === d || e.$$typeof === a || e.$$typeof === u || // This needs to include all possible module reference object
// types supported by any Flight configuration anywhere since
// we don't know which Flight build this will end up being used
// with.
e.$$typeof === fe || e.getModuleId !== void 0));
}
function Ve(e, r, t) {
var s = e.displayName;
if (s)
return s;
var v = r.displayName || r.name || "";
return v !== "" ? t + "(" + v + ")" : t;
}
function de(e) {
return e.displayName || "Context";
}
function P(e) {
if (e == null)
return null;
if (typeof e.tag == "number" && l("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
return e.displayName || e.name || null;
if (typeof e == "string")
return e;
switch (e) {
case i:
return "Fragment";
case o:
return "Portal";
case c:
return "Profiler";
case n:
return "StrictMode";
case h:
return "Suspense";
case R:
return "SuspenseList";
var D = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
function O(e) {
{
for (var t = arguments.length, r = new Array(t > 1 ? t - 1 : 0), d = 1; d < t; d++)
r[d - 1] = arguments[d];
he("error", e, r);
}
}
if (typeof e == "object")
switch (e.$$typeof) {
case a:
var r = e;
return de(r) + ".Consumer";
case d:
var t = e;
return de(t._context) + ".Provider";
case u:
return Ve(e, e.render, "ForwardRef");
case C:
var s = e.displayName || null;
return s !== null ? s : P(e.type) || "Memo";
case T: {
var v = e, g = v._payload, m = v._init;
try {
return P(m(g));
} catch {
return null;
}
function he(e, t, r) {
{
var d = D.ReactDebugCurrentFrame, _ = "";
if (F) {
var E = T(F.type), m = F._owner;
_ += Ee(E, F._source, m && T(m.type));
}
}
return null;
}
var N = Object.assign, Y = 0, pe, me, ve, he, ge, be, ye;
function Ee() {
}
Ee.__reactDisabledLog = !0;
function Ue() {
{
if (Y === 0) {
pe = console.log, me = console.info, ve = console.warn, he = console.error, ge = console.group, be = console.groupCollapsed, ye = console.groupEnd;
var e = {
configurable: !0,
enumerable: !0,
value: Ee,
writable: !0
};
Object.defineProperties(console, {
info: e,
log: e,
warn: e,
error: e,
group: e,
groupCollapsed: e,
groupEnd: e
_ += d.getStackAddendum(), _ !== "" && (t += "%s", r = r.concat([_]));
var p = r.map(function(C) {
return "" + C;
});
p.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, p);
}
Y++;
}
}
function Be() {
{
if (Y--, Y === 0) {
var e = {
configurable: !0,
enumerable: !0,
writable: !0
};
Object.defineProperties(console, {
log: N({}, e, {
value: pe
}),
info: N({}, e, {
value: me
}),
warn: N({}, e, {
value: ve
}),
error: N({}, e, {
value: he
}),
group: N({}, e, {
value: ge
}),
groupCollapsed: N({}, e, {
value: be
}),
groupEnd: N({}, e, {
value: ye
})
});
}
Y < 0 && l("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
var ge = !1;
function _e(e) {
return !!(typeof e == "string" || typeof e == "function" || e === g.Fragment || e === c || e === R || e === n || e === v || e === x || e === b || ge || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === P || e.$$typeof === u || e.$$typeof === i || e.$$typeof === l || e.$$typeof === N || e.$$typeof === S || e[0] === w));
}
}
var re = S.ReactCurrentDispatcher, te;
function H(e, r, t) {
{
if (te === void 0)
try {
throw Error();
} catch (v) {
var s = v.stack.trim().match(/\n( *(at )?)/);
te = s && s[1] || "";
var J = /^(.*)[\\\/]/;
function Ee(e, t, r) {
var d = "";
if (t) {
var _ = t.fileName, E = _.replace(J, "");
if (/^index\./.test(E)) {
var m = _.match(J);
if (m) {
var p = m[1];
if (p) {
var C = p.replace(J, "");
E = C + "/" + E;
}
}
}
d = " (at " + E + ":" + t.lineNumber + ")";
} else
r && (d = " (created by " + r + ")");
return `
` + te + e;
in ` + (e || "Unknown") + d;
}
}
var ne = !1, G;
{
var Ke = typeof WeakMap == "function" ? WeakMap : Map;
G = new Ke();
}
function Re(e, r) {
if (!e || ne)
return "";
{
var t = G.get(e);
if (t !== void 0)
return t;
var Re = 1;
function xe(e) {
return e._status === Re ? e._result : null;
}
var s;
ne = !0;
var v = Error.prepareStackTrace;
Error.prepareStackTrace = void 0;
var g;
g = re.current, re.current = null, Ue();
try {
if (r) {
var m = function() {
throw Error();
};
if (Object.defineProperty(m.prototype, "props", {
set: function() {
throw Error();
}
}), typeof Reflect == "object" && Reflect.construct) {
try {
Reflect.construct(m, []);
} catch (D) {
s = D;
}
Reflect.construct(e, [], m);
} else {
try {
m.call();
} catch (D) {
s = D;
}
e.call(m.prototype);
}
} else {
try {
throw Error();
} catch (D) {
s = D;
}
e();
function Oe(e, t, r) {
var d = t.displayName || t.name || "";
return e.displayName || (d !== "" ? r + "(" + d + ")" : r);
}
function T(e) {
if (e == null)
return null;
if (typeof e.tag == "number" && O("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof e == "function")
return e.displayName || e.name || null;
if (typeof e == "string")
return e;
switch (e) {
case g.Fragment:
return "Fragment";
case o:
return "Portal";
case c:
return "Profiler";
case n:
return "StrictMode";
case v:
return "Suspense";
case x:
return "SuspenseList";
}
} catch (D) {
if (D && s && typeof D.stack == "string") {
for (var p = D.stack.split(`
`), j = s.stack.split(`
`), E = p.length - 1, _ = j.length - 1; E >= 1 && _ >= 0 && p[E] !== j[_]; )
_--;
for (; E >= 1 && _ >= 0; E--, _--)
if (p[E] !== j[_]) {
if (E !== 1 || _ !== 1)
do
if (E--, _--, _ < 0 || p[E] !== j[_]) {
var w = `
` + p[E].replace(" at new ", " at ");
return e.displayName && w.includes("<anonymous>") && (w = w.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, w), w;
}
while (E >= 1 && _ >= 0);
if (typeof e == "object")
switch (e.$$typeof) {
case i:
return "Context.Consumer";
case u:
return "Context.Provider";
case l:
return Oe(e, e.render, "ForwardRef");
case P:
return T(e.type);
case S:
return T(e.render);
case y: {
var t = e, r = xe(t);
if (r)
return T(r);
break;
}
}
} finally {
ne = !1, re.current = g, Be(), Error.prepareStackTrace = v;
}
return null;
}
var M = e ? e.displayName || e.name : "", Ie = M ? H(M) : "";
return typeof e == "function" && G.set(e, Ie), Ie;
}
function He(e, r, t) {
return Re(e, !1);
}
function Ge(e) {
var r = e.prototype;
return !!(r && r.isReactComponent);
}
function J(e, r, t) {
if (e == null)
return "";
if (typeof e == "function")
return Re(e, Ge(e));
if (typeof e == "string")
return H(e);
switch (e) {
case h:
return H("Suspense");
case R:
return H("SuspenseList");
var ne = {};
D.ReactDebugCurrentFrame;
var F = null;
function B(e) {
F = e;
}
if (typeof e == "object")
switch (e.$$typeof) {
case u:
return He(e.render);
case C:
return J(e.type, r, t);
case T: {
var s = e, v = s._payload, g = s._init;
try {
return J(g(v), r, t);
} catch {
function be(e, t, r, d, _) {
{
var E = Function.call.bind(Object.prototype.hasOwnProperty);
for (var m in e)
if (E(e, m)) {
var p = void 0;
try {
if (typeof e[m] != "function") {
var C = Error((d || "React class") + ": " + r + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
throw C.name = "Invariant Violation", C;
}
p = e[m](t, m, d, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
} catch (k) {
p = k;
}
p && !(p instanceof Error) && (B(_), O("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", d || "React class", r, m, typeof p), B(null)), p instanceof Error && !(p.message in ne) && (ne[p.message] = !0, B(_), O("Failed %s type: %s", r, p.message), B(null));
}
}
}
return "";
}
var X = Object.prototype.hasOwnProperty, _e = {}, xe = S.ReactDebugCurrentFrame;
function Q(e) {
if (e) {
var r = e._owner, t = J(e.type, e._source, r ? r.type : null);
xe.setExtraStackFrame(t);
} else
xe.setExtraStackFrame(null);
}
function Je(e, r, t, s, v) {
{
var g = Function.call.bind(X);
for (var m in e)
if (g(e, m)) {
var p = void 0;
try {
if (typeof e[m] != "function") {
var j = Error((s || "React class") + ": " + t + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
throw j.name = "Invariant Violation", j;
}
p = e[m](r, m, s, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
} catch (E) {
p = E;
}
p && !(p instanceof Error) && (Q(v), l("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", s || "React class", t, m, typeof p), Q(null)), p instanceof Error && !(p.message in _e) && (_e[p.message] = !0, Q(v), l("Failed %s type: %s", t, p.message), Q(null));
}
}
}
var Xe = Array.isArray;
function ae(e) {
return Xe(e);
}
function Qe(e) {
{
var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
return t;
var V = D.ReactCurrentOwner, G = Object.prototype.hasOwnProperty, je = {
key: !0,
ref: !0,
__self: !0,
__source: !0
}, ae, se, X;
X = {};
function Ce(e) {
if (G.call(e, "ref")) {
var t = Object.getOwnPropertyDescriptor(e, "ref").get;
if (t && t.isReactWarning)
return !1;
}
return e.ref !== void 0;
}
}
function qe(e) {
try {
return Se(e), !1;
} catch {
return !0;
function Pe(e) {
if (G.call(e, "key")) {
var t = Object.getOwnPropertyDescriptor(e, "key").get;
if (t && t.isReactWarning)
return !1;
}
return e.key !== void 0;
}
}
function Se(e) {
return "" + e;
}
function je(e) {
if (qe(e))
return l("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Qe(e)), Se(e);
}
var V = S.ReactCurrentOwner, Ze = {
key: !0,
ref: !0,
__self: !0,
__source: !0
}, Ce, Oe, se;
se = {};
function ze(e) {
if (X.call(e, "ref")) {
var r = Object.getOwnPropertyDescriptor(e, "ref").get;
if (r && r.isReactWarning)
return !1;
function ye(e, t) {
if (typeof e.ref == "string" && V.current && t && V.current.stateNode !== t) {
var r = T(V.current.type);
X[r] || (O('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', T(V.current.type), e.ref), X[r] = !0);
}
}
return e.ref !== void 0;
}
function er(e) {
if (X.call(e, "key")) {
var r = Object.getOwnPropertyDescriptor(e, "key").get;
if (r && r.isReactWarning)
return !1;
function Te(e, t) {
{
var r = function() {
ae || (ae = !0, O("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
};
r.isReactWarning = !0, Object.defineProperty(e, "key", {
get: r,
configurable: !0
});
}
}
return e.key !== void 0;
}
function rr(e, r) {
if (typeof e.ref == "string" && V.current && r && V.current.stateNode !== r) {
var t = P(V.current.type);
se[t] || (l('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', P(V.current.type), e.ref), se[t] = !0);
function Se(e, t) {
{
var r = function() {
se || (se = !0, O("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
};
r.isReactWarning = !0, Object.defineProperty(e, "ref", {
get: r,
configurable: !0
});
}
}
}
function tr(e, r) {
{
var t = function() {
Ce || (Ce = !0, l("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
var ke = function(e, t, r, d, _, E, m) {
var p = {
// This tag allows us to uniquely identify this as a React Element
$$typeof: s,
// Built-in properties that belong on the element
type: e,
key: t,
ref: r,
props: m,
// Record the component responsible for creating this element.
_owner: E
};
t.isReactWarning = !0, Object.defineProperty(e, "key", {
get: t,
configurable: !0
});
}
}
function nr(e, r) {
{
var t = function() {
Oe || (Oe = !0, l("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
};
t.isReactWarning = !0, Object.defineProperty(e, "ref", {
get: t,
configurable: !0
});
}
}
var ar = function(e, r, t, s, v, g, m) {
var p = {
// This tag allows us to uniquely identify this as a React Element
$$typeof: f,
// Built-in properties that belong on the element
type: e,
key: r,
ref: t,
props: m,
// Record the component responsible for creating this element.
_owner: g
return p._store = {}, Object.defineProperty(p._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: !1
}), Object.defineProperty(p, "_self", {
configurable: !1,
enumerable: !1,
writable: !1,
value: d
}), Object.defineProperty(p, "_source", {
configurable: !1,
enumerable: !1,
writable: !1,
value: _
}), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
};
return p._store = {}, Object.defineProperty(p._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: !1
}), Object.defineProperty(p, "_self", {
configurable: !1,
enumerable: !1,
writable: !1,
value: s
}), Object.defineProperty(p, "_source", {
configurable: !1,
enumerable: !1,
writable: !1,
value: v
}), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
};
function sr(e, r, t, s, v) {
{
var g, m = {}, p = null, j = null;
t !== void 0 && (je(t), p = "" + t), er(r) && (je(r.key), p = "" + r.key), ze(r) && (j = r.ref, rr(r, v));
for (g in r)
X.call(r, g) && !Ze.hasOwnProperty(g) && (m[g] = r[g]);
if (e && e.defaultProps) {
var E = e.defaultProps;
for (g in E)
m[g] === void 0 && (m[g] = E[g]);
function Ae(e, t, r, d, _) {
{
var E, m = {}, p = null, C = null;
r !== void 0 && (p = "" + r), Pe(t) && (p = "" + t.key), Ce(t) && (C = t.ref, ye(t, _));
for (E in t)
G.call(t, E) && !je.hasOwnProperty(E) && (m[E] = t[E]);
if (e && e.defaultProps) {
var k = e.defaultProps;
for (E in k)
m[E] === void 0 && (m[E] = k[E]);
}
if (p || C) {
var I = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
p && Te(m, I), C && Se(m, I);
}
return ke(e, p, C, _, d, V.current, m);
}
if (p || j) {
var _ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
p && tr(m, _), j && nr(m, _);
}
return ar(e, p, j, v, s, V.current, m);
}
}
var oe = S.ReactCurrentOwner, Te = S.ReactDebugCurrentFrame;
function L(e) {
if (e) {
var r = e._owner, t = J(e.type, e._source, r ? r.type : null);
Te.setExtraStackFrame(t);
} else
Te.setExtraStackFrame(null);
}
var ie;
ie = !1;
function le(e) {
return typeof e == "object" && e !== null && e.$$typeof === f;
}
function we() {
{
if (oe.current) {
var e = P(oe.current.type);
if (e)
return `
var Q = D.ReactCurrentOwner;
D.ReactDebugCurrentFrame;
function $(e) {
F = e;
}
var q;
q = !1;
function z(e) {
return typeof e == "object" && e !== null && e.$$typeof === s;
}
function ie() {
{
if (Q.current) {
var e = T(Q.current.type);
if (e)
return `
Check the render method of \`` + e + "`.";
}
return "";
}
return "";
}
}
function or(e) {
{
if (e !== void 0) {
var r = e.fileName.replace(/^.*[\\\/]/, ""), t = e.lineNumber;
return `
function De(e) {
{
if (e !== void 0) {
var t = e.fileName.replace(/^.*[\\\/]/, ""), r = e.lineNumber;
return `
Check your code at ` + r + ":" + t + ".";
Check your code at ` + t + ":" + r + ".";
}
return "";
}
return "";
}
}
var ke = {};
function ir(e) {
{
var r = we();
if (!r) {
var t = typeof e == "string" ? e : e.displayName || e.name;
t && (r = `
var oe = {};
function Ie(e) {
{
var t = ie();
if (!t) {
var r = typeof e == "string" ? e : e.displayName || e.name;
r && (t = `
Check the top-level render call using <` + t + ">.");
Check the top-level render call using <` + r + ">.");
}
return t;
}
return r;
}
}
function Pe(e, r) {
{
if (!e._store || e._store.validated || e.key != null)
return;
e._store.validated = !0;
var t = ir(r);
if (ke[t])
return;
ke[t] = !0;
var s = "";
e && e._owner && e._owner !== oe.current && (s = " It was passed a child from " + P(e._owner.type) + "."), L(e), l('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, s), L(null);
function ce(e, t) {
{
if (!e._store || e._store.validated || e.key != null)
return;
e._store.validated = !0;
var r = Ie(t);
if (oe[r])
return;
oe[r] = !0;
var d = "";
e && e._owner && e._owner !== Q.current && (d = " It was passed a child from " + T(e._owner.type) + "."), $(e), O('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', r, d), $(null);
}
}
}
function De(e, r) {
{
if (typeof e != "object")
return;
if (ae(e))
for (var t = 0; t < e.length; t++) {
var s = e[t];
le(s) && Pe(s, r);
function le(e, t) {
{
if (typeof e != "object")
return;
if (Array.isArray(e))
for (var r = 0; r < e.length; r++) {
var d = e[r];
z(d) && ce(d, t);
}
else if (z(e))
e._store && (e._store.validated = !0);
else if (e) {
var _ = A(e);
if (typeof _ == "function" && _ !== e.entries)
for (var E = _.call(e), m; !(m = E.next()).done; )
z(m.value) && ce(m.value, t);
}
else if (le(e))
e._store && (e._store.validated = !0);
else if (e) {
var v = y(e);
if (typeof v == "function" && v !== e.entries)
for (var g = v.call(e), m; !(m = g.next()).done; )
le(m.value) && Pe(m.value, r);
}
}
}
function lr(e) {
{
var r = e.type;
if (r == null || typeof r == "string")
return;
var t;
if (typeof r == "function")
t = r.propTypes;
else if (typeof r == "object" && (r.$$typeof === u || // Note: Memo only checks outer props here.
// Inner props are checked in the reconciler.
r.$$typeof === C))
t = r.propTypes;
else
return;
if (t) {
var s = P(r);
Je(t, e.props, "prop", s, e);
} else if (r.PropTypes !== void 0 && !ie) {
ie = !0;
var v = P(r);
l("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
function we(e) {
{
var t = e.type;
if (t == null || typeof t == "string")
return;
var r;
if (typeof t == "function")
r = t.propTypes;
else if (typeof t == "object" && (t.$$typeof === l || // Note: Memo only checks outer props here.
// Inner props are checked in the reconciler.
t.$$typeof === P))
r = t.propTypes;
else
return;
if (r) {
var d = T(t);
be(r, e.props, "prop", d, e);
} else if (t.PropTypes !== void 0 && !q) {
q = !0;
var _ = T(t);
O("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
}
typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && O("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
}
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && l("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
}
}
function cr(e) {
{
for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
var s = r[t];
if (s !== "children" && s !== "key") {
L(e), l("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", s), L(null);
break;
function Ne(e) {
{
for (var t = Object.keys(e.props), r = 0; r < t.length; r++) {
var d = t[r];
if (d !== "children" && d !== "key") {
$(e), O("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", d), $(null);
break;
}
}
e.ref !== null && ($(e), O("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
}
e.ref !== null && (L(e), l("Invalid attribute `ref` supplied to `React.Fragment`."), L(null));
}
}
function Fe(e, r, t, s, v, g) {
{
var m = Ye(e);
if (!m) {
var p = "";
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (p += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
var j = or(v);
j ? p += j : p += we();
var E;
e === null ? E = "null" : ae(e) ? E = "array" : e !== void 0 && e.$$typeof === f ? (E = "<" + (P(e.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, l("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, p);
function ue(e, t, r, d, _, E) {
{
var m = _e(e);
if (!m) {
var p = "";
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (p += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
var C = De(_);
C ? p += C : p += ie();
var k;
e === null ? k = "null" : Array.isArray(e) ? k = "array" : e !== void 0 && e.$$typeof === s ? (k = "<" + (T(e.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : k = typeof e, O("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, p);
}
var I = Ae(e, t, r, _, E);
if (I == null)
return I;
if (m) {
var Y = t.children;
if (Y !== void 0)
if (d)
if (Array.isArray(Y)) {
for (var Z = 0; Z < Y.length; Z++)
le(Y[Z], e);
Object.freeze && Object.freeze(Y);
} else
O("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
else
le(Y, e);
}
return e === g.Fragment ? Ne(I) : we(I), I;
}
var _ = sr(e, r, t, v, g);
if (_ == null)
return _;
if (m) {
var w = r.children;
if (w !== void 0)
if (s)
if (ae(w)) {
for (var M = 0; M < w.length; M++)
De(w[M], e);
Object.freeze && Object.freeze(w);
} else
l("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
else
De(w, e);
}
return e === i ? cr(_) : lr(_), _;
}
}
function ur(e, r, t) {
return Fe(e, r, t, !0);
}
function fr(e, r, t) {
return Fe(e, r, t, !1);
}
var dr = fr, pr = ur;
B.Fragment = i, B.jsx = dr, B.jsxs = pr;
}()), B;
function Le(e, t, r) {
return ue(e, t, r, !0);
}
function Fe(e, t, r) {
return ue(e, t, r, !1);
}
var $e = Fe, Ye = Le;
g.jsx = $e, g.jsxs = Ye;
}();
}(ee)), ee;
}
process.env.NODE_ENV === "production" ? ce.exports = yr() : ce.exports = Er();
var b = ce.exports, Me = { exports: {} };
process.env.NODE_ENV === "production" ? te.exports = Ke() : te.exports = He();
var h = te.exports, ve = { exports: {} };
/*!

@@ -640,57 +450,57 @@ Copyright (c) 2018 Jed Watson.

*/
(function(x) {
(function(g) {
(function() {
var f = {}.hasOwnProperty;
function o() {
for (var i = [], n = 0; n < arguments.length; n++) {
function s() {
for (var o = [], n = 0; n < arguments.length; n++) {
var c = arguments[n];
if (c) {
var d = typeof c;
if (d === "string" || d === "number")
i.push(c);
var u = typeof c;
if (u === "string" || u === "number")
o.push(c);
else if (Array.isArray(c)) {
if (c.length) {
var a = o.apply(null, c);
a && i.push(a);
var i = s.apply(null, c);
i && o.push(i);
}
} else if (d === "object") {
} else if (u === "object") {
if (c.toString !== Object.prototype.toString && !c.toString.toString().includes("[native code]")) {
i.push(c.toString());
o.push(c.toString());
continue;
}
for (var u in c)
f.call(c, u) && c[u] && i.push(u);
for (var l in c)
f.call(c, l) && c[l] && o.push(l);
}
}
}
return i.join(" ");
return o.join(" ");
}
x.exports ? (o.default = o, x.exports = o) : window.classNames = o;
g.exports ? (s.default = s, g.exports = s) : window.classNames = s;
})();
})(Me);
var Rr = Me.exports;
const Z = /* @__PURE__ */ br(Rr);
class z {
static getDescendantProperty(f, o, i = []) {
let n, c, d, a, u, h;
if (o) {
if (d = o.indexOf("."), d === -1 ? n = o : (n = o.slice(0, d), c = o.slice(d + 1)), a = f[n], a !== null && typeof a < "u")
if (!c && (typeof a == "string" || typeof a == "number"))
i.push(a);
else if (Object.prototype.toString.call(a) === "[object Array]")
for (u = 0, h = a.length; u < h; u++)
z.getDescendantProperty(a[u], c, i);
})(ve);
var Je = ve.exports;
const K = /* @__PURE__ */ Ue(Je);
class H {
static getDescendantProperty(f, s, o = []) {
let n, c, u, i, l, v;
if (s) {
if (u = s.indexOf("."), u === -1 ? n = s : (n = s.slice(0, u), c = s.slice(u + 1)), i = f[n], i !== null && typeof i < "u")
if (!c && (typeof i == "string" || typeof i == "number"))
o.push(i);
else if (Object.prototype.toString.call(i) === "[object Array]")
for (l = 0, v = i.length; l < v; l++)
H.getDescendantProperty(i[l], c, o);
else
c && z.getDescendantProperty(a, c, i);
c && H.getDescendantProperty(i, c, o);
} else
i.push(f);
return i;
o.push(f);
return o;
}
}
class W {
constructor(f = [], o = [], i = {}) {
Array.isArray(o) || (i = o, o = []), this.haystack = f, this.keys = o, this.options = Object.assign({
class M {
constructor(f = [], s = [], o = {}) {
Array.isArray(s) || (o = s, s = []), this.haystack = f, this.keys = s, this.options = Object.assign({
caseSensitive: !1,
sort: !1
}, i);
}, o);
}

@@ -700,52 +510,52 @@ search(f = "") {

return this.haystack;
const o = [];
for (let i = 0; i < this.haystack.length; i++) {
const n = this.haystack[i];
const s = [];
for (let o = 0; o < this.haystack.length; o++) {
const n = this.haystack[o];
if (this.keys.length === 0) {
const c = W.isMatch(n, f, this.options.caseSensitive);
c && o.push({ item: n, score: c });
const c = M.isMatch(n, f, this.options.caseSensitive);
c && s.push({ item: n, score: c });
} else
for (let c = 0; c < this.keys.length; c++) {
const d = z.getDescendantProperty(n, this.keys[c]);
let a = !1;
for (let u = 0; u < d.length; u++) {
const h = W.isMatch(d[u], f, this.options.caseSensitive);
if (h) {
a = !0, o.push({ item: n, score: h });
const u = H.getDescendantProperty(n, this.keys[c]);
let i = !1;
for (let l = 0; l < u.length; l++) {
const v = M.isMatch(u[l], f, this.options.caseSensitive);
if (v) {
i = !0, s.push({ item: n, score: v });
break;
}
}
if (a)
if (i)
break;
}
}
return this.options.sort && o.sort((i, n) => i.score - n.score), o.map((i) => i.item);
return this.options.sort && s.sort((o, n) => o.score - n.score), s.map((o) => o.item);
}
static isMatch(f, o, i) {
f = String(f), o = String(o), i || (f = f.toLocaleLowerCase(), o = o.toLocaleLowerCase());
const n = W.nearestIndexesFor(f, o);
return n ? f === o ? 1 : n.length > 1 ? 2 + (n[n.length - 1] - n[0]) : 2 + n[0] : !1;
static isMatch(f, s, o) {
f = String(f), s = String(s), o || (f = f.toLocaleLowerCase(), s = s.toLocaleLowerCase());
const n = M.nearestIndexesFor(f, s);
return n ? f === s ? 1 : n.length > 1 ? 2 + (n[n.length - 1] - n[0]) : 2 + n[0] : !1;
}
static nearestIndexesFor(f, o) {
const i = o.split("");
static nearestIndexesFor(f, s) {
const o = s.split("");
let n = [];
return W.indexesOfFirstLetter(f, o).forEach((d, a) => {
let u = d + 1;
n[a] = [d];
for (let h = 1; h < i.length; h++) {
const R = i[h];
if (u = f.indexOf(R, u), u === -1) {
n[a] = !1;
return M.indexesOfFirstLetter(f, s).forEach((u, i) => {
let l = u + 1;
n[i] = [u];
for (let v = 1; v < o.length; v++) {
const x = o[v];
if (l = f.indexOf(x, l), l === -1) {
n[i] = !1;
break;
}
n[a].push(u), u++;
n[i].push(l), l++;
}
}), n = n.filter((d) => d !== !1), n.length ? n.sort((d, a) => d.length === 1 ? d[0] - a[0] : (d = d[d.length - 1] - d[0], a = a[a.length - 1] - a[0], d - a))[0] : !1;
}), n = n.filter((u) => u !== !1), n.length ? n.sort((u, i) => u.length === 1 ? u[0] - i[0] : (u = u[u.length - 1] - u[0], i = i[i.length - 1] - i[0], u - i))[0] : !1;
}
static indexesOfFirstLetter(f, o) {
const i = o[0];
return f.split("").map((n, c) => n !== i ? !1 : c).filter((n) => n !== !1);
static indexesOfFirstLetter(f, s) {
const o = s[0];
return f.split("").map((n, c) => n !== o ? !1 : c).filter((n) => n !== !1);
}
}
const ue = mr({
const re = We({
allItems: [],

@@ -755,63 +565,63 @@ buckets: [],

}
}), xr = (x) => {
const { children: f, allItems: o, buckets: i, onUpdate: n } = x, [c, d] = q({
allItems: o,
buckets: i
}), a = (u) => {
const h = { ...c, ...u };
d(h), n == null || n({
allItems: h.allItems,
buckets: h.buckets
}), Xe = (g) => {
const { children: f, allItems: s, buckets: o, onUpdate: n } = g, [c, u] = U({
allItems: s,
buckets: o
}), i = (l) => {
const v = { ...c, ...l };
u(v), n == null || n({
allItems: v.allItems,
buckets: v.buckets
});
};
return /* @__PURE__ */ b.jsx(
ue.Provider,
return /* @__PURE__ */ h.jsx(
re.Provider,
{
value: { ...c, updateState: a },
value: { ...c, updateState: i },
children: f
}
);
}, Sr = (x) => {
}, Qe = (g) => {
const {
id: f,
label: o,
enableRemoveFieldItem: i = !0,
label: s,
enableRemoveFieldItem: o = !0,
maxItems: n = Number.MAX_SAFE_INTEGER
} = x, [c, d] = q(!1), { buckets: a, updateState: u } = Le(ue), { items: h } = vr(() => a.find((l) => l.id === f), [
a,
} = g, [c, u] = U(!1), { buckets: i, updateState: l } = me(re), { items: v } = Me(() => i.find((a) => a.id === f), [
i,
f
]) ?? { items: [] }, R = (l, O) => {
const A = [...a];
A.forEach((F) => {
const K = F.items.findIndex(
(ee) => ee === l
]) ?? { items: [] }, x = (a, j) => {
const L = [...i];
L.forEach((A) => {
const D = A.items.findIndex(
(O) => O === a
);
K !== -1 && F.items.splice(K, 1), !O && F.id === f && F.items.push(l);
}), u({ buckets: A });
}, C = (l) => () => R(l, !0), T = (l) => (O) => {
O.dataTransfer.setData("fieldKeeperItem", l);
}, k = () => {
d(!1);
}, I = () => {
d(!0);
}, $ = (l) => {
l.preventDefault(), I();
}, y = (l) => {
const O = l.dataTransfer.getData("fieldKeeperItem");
R(O), k();
}, S = h.length < n;
return /* @__PURE__ */ b.jsxs("div", { className: "column-as-measure-mapping-content", children: [
/* @__PURE__ */ b.jsx("div", { className: "column-as-measure-mapping-content-title", children: o }),
/* @__PURE__ */ b.jsx(
D !== -1 && A.items.splice(D, 1), !j && A.id === f && A.items.push(a);
}), l({ buckets: L });
}, P = (a) => () => x(a, !0), y = (a) => (j) => {
j.dataTransfer.setData("fieldKeeperItem", a);
}, S = () => {
u(!1);
}, w = () => {
u(!0);
}, N = (a) => {
a.preventDefault(), w();
}, R = (a) => {
const j = a.dataTransfer.getData("fieldKeeperItem");
x(j), S();
}, b = v.length < n;
return /* @__PURE__ */ h.jsxs("div", { className: "column-as-measure-mapping-content", children: [
/* @__PURE__ */ h.jsx("div", { className: "column-as-measure-mapping-content-title", children: s }),
/* @__PURE__ */ h.jsx(
"div",
{
className: Z("column-as-measure-mapping-content-input", {
"column-as-measure-mapping-content-multi-input": S,
className: K("column-as-measure-mapping-content-input", {
"column-as-measure-mapping-content-multi-input": b,
"column-as-measure-mapping-content-input-active": c
}),
onDrop: y,
onDragOver: $,
onDragEnter: I,
onDragLeave: k,
children: h.length > 0 ? h.map((l, O) => /* @__PURE__ */ b.jsxs(
onDrop: R,
onDragOver: N,
onDragEnter: w,
onDragLeave: S,
children: v.length > 0 ? v.map((a, j) => /* @__PURE__ */ h.jsxs(
"div",

@@ -821,18 +631,18 @@ {

draggable: !0,
onDragStart: T(l),
onDragOver: $,
onDragStart: y(a),
onDragOver: N,
children: [
/* @__PURE__ */ b.jsx("div", { className: "column-as-measure-mapping-content-input-filled-value", children: l }),
i && /* @__PURE__ */ b.jsx(
/* @__PURE__ */ h.jsx("div", { className: "column-as-measure-mapping-content-input-filled-value", children: a }),
o && /* @__PURE__ */ h.jsx(
"div",
{
className: Z(
className: K(
"column-as-measure-mapping-content-input-filled-close",
{
"column-as-measure-mapping-content-disabled": i
"column-as-measure-mapping-content-disabled": o
}
),
role: "button",
onClick: C(l),
children: /* @__PURE__ */ b.jsx("span", { className: "ms-Icon ms-Icon--ChromeClose", children: "x" })
onClick: P(a),
children: /* @__PURE__ */ h.jsx("span", { className: "ms-Icon ms-Icon--ChromeClose", children: "x" })
}

@@ -842,49 +652,49 @@ )

},
`${l}-${O}`
)) : /* @__PURE__ */ b.jsx("div", { className: "column-as-measure-mapping-content-input-placeholder", children: "Add data fields here" })
`${a}-${j}`
)) : /* @__PURE__ */ h.jsx("div", { className: "column-as-measure-mapping-content-input-placeholder", children: "Add data fields here" })
}
)
] });
}, jr = (x) => {
const { label: f, isDisabled: o } = x, i = hr(null), { allItems: n, buckets: c, updateState: d } = Le(ue), [a, u] = q(""), [h, R] = q(n), C = (y) => {
u(y.target.value ?? "");
}, T = () => {
var y;
u(""), (y = i.current) == null || y.focus();
}, k = (y) => c.some(
(S) => S.items.some((l) => l === y)
), I = (y, S = !1) => () => {
const l = [...c];
S ? l.some((O) => {
const A = O.items.findIndex(
(F) => F === y
}, qe = (g) => {
const { label: f, isDisabled: s } = g, o = Ve(null), { allItems: n, buckets: c, updateState: u } = me(re), [i, l] = U(""), [v, x] = U(n), P = (R) => {
l(R.target.value ?? "");
}, y = () => {
var R;
l(""), (R = o.current) == null || R.focus();
}, S = (R) => c.some(
(b) => b.items.some((a) => a === R)
), w = (R, b = !1) => () => {
const a = [...c];
b ? a.some((j) => {
const L = j.items.findIndex(
(A) => A === R
);
return A !== -1 ? (O.items.splice(A, 1), !0) : !1;
}) : l[Math.floor(Math.random() * l.length)].items.push(y), d({ buckets: l });
}, $ = (y) => (S) => {
S.dataTransfer.setData("fieldKeeperItem", y);
return L !== -1 ? (j.items.splice(L, 1), !0) : !1;
}) : a[Math.floor(Math.random() * a.length)].items.push(R), u({ buckets: a });
}, N = (R) => (b) => {
b.dataTransfer.setData("fieldKeeperItem", R);
};
return gr(() => {
const S = new W(n, [], { sort: !0 }).search(a);
R(S);
}, [a, n]), /* @__PURE__ */ b.jsxs(
return Be(() => {
const b = new M(n, [], { sort: !0 }).search(i);
x(b);
}, [i, n]), /* @__PURE__ */ h.jsxs(
"div",
{
className: Z("column-as-measure-mapping-container", {
"column-as-measure-mapping-content-disabled": o
className: K("column-as-measure-mapping-container", {
"column-as-measure-mapping-content-disabled": s
}),
children: [
f && /* @__PURE__ */ b.jsx("div", { className: "column-as-measure-mapping-subtitle", children: f }),
/* @__PURE__ */ b.jsxs("div", { className: "column-as-measure-mapping-column-searcher", children: [
/* @__PURE__ */ b.jsx(
f && /* @__PURE__ */ h.jsx("div", { className: "column-as-measure-mapping-subtitle", children: f }),
/* @__PURE__ */ h.jsxs("div", { className: "column-as-measure-mapping-column-searcher", children: [
/* @__PURE__ */ h.jsx(
"input",
{
type: "text",
ref: i,
onChange: C,
value: a,
ref: o,
onChange: P,
value: i,
placeholder: "Search values"
}
),
a.length > 0 && /* @__PURE__ */ b.jsx(
i.length > 0 && /* @__PURE__ */ h.jsx(
"div",

@@ -894,44 +704,44 @@ {

role: "button",
onClick: T,
children: /* @__PURE__ */ b.jsx("span", { className: "ms-Icon ms-Icon--ChromeClose" })
onClick: y,
children: /* @__PURE__ */ h.jsx("span", { className: "ms-Icon ms-Icon--ChromeClose" })
}
)
] }),
/* @__PURE__ */ b.jsx("div", { className: "column-as-measure-mapping-content-scrollable-container column-as-measure-mapping-content-scrollable-container-columns", children: h.length > 0 ? h.map((y, S) => {
const l = k(y);
return /* @__PURE__ */ b.jsxs(
/* @__PURE__ */ h.jsx("div", { className: "column-as-measure-mapping-content-scrollable-container column-as-measure-mapping-content-scrollable-container-columns", children: v.length > 0 ? v.map((R, b) => {
const a = S(R);
return /* @__PURE__ */ h.jsxs(
"div",
{
className: "column-as-measure-mapping-column-content",
draggable: !l,
onDragStart: $(y),
draggable: !a,
onDragStart: N(R),
children: [
/* @__PURE__ */ b.jsx("div", { className: "column-as-measure-mapping-column-content-checkbox", children: /* @__PURE__ */ b.jsx(
/* @__PURE__ */ h.jsx("div", { className: "column-as-measure-mapping-column-content-checkbox", children: /* @__PURE__ */ h.jsx(
"input",
{
className: Z({
"column-as-measure-mapping-content-disabled": o
className: K({
"column-as-measure-mapping-content-disabled": s
}),
type: "checkbox",
checked: l,
onChange: I(y, l)
checked: a,
onChange: w(R, a)
}
) }),
/* @__PURE__ */ b.jsx("div", { className: "column-as-measure-mapping-column-content-label", children: y })
/* @__PURE__ */ h.jsx("div", { className: "column-as-measure-mapping-column-content-label", children: R })
]
},
`${y}-${S}`
`${R}-${b}`
);
}) : /* @__PURE__ */ b.jsxs("div", { className: "column-as-measure-mapping-no-search-items-found", children: [
/* @__PURE__ */ b.jsxs("div", { children: [
}) : /* @__PURE__ */ h.jsxs("div", { className: "column-as-measure-mapping-no-search-items-found", children: [
/* @__PURE__ */ h.jsxs("div", { children: [
"No items found for ",
/* @__PURE__ */ b.jsx("br", {}),
/* @__PURE__ */ h.jsx("br", {}),
" ",
/* @__PURE__ */ b.jsx("code", { children: a })
/* @__PURE__ */ h.jsx("code", { children: i })
] }),
/* @__PURE__ */ b.jsx(
/* @__PURE__ */ h.jsx(
"div",
{
className: "column-as-measure-mapping-clear-search-link",
onClick: T,
onClick: y,
role: "button",

@@ -947,5 +757,5 @@ children: "Clear search"

export {
Sr as FieldsKeeperBucket,
xr as FieldsKeeperProvider,
jr as FieldsKeeperRootBucket
Qe as FieldsKeeperBucket,
Xe as FieldsKeeperProvider,
qe as FieldsKeeperRootBucket
};

21

dist/index.umd.js
(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");n.appendChild(document.createTextNode(".column-as-measure-mapping-content{display:flex;flex-direction:column;gap:5px;align-items:flex-start;width:100%}.column-as-measure-mapping-content :hover .column-as-measure-edit{visibility:visible}.column-as-measure-mapping-content .column-as-measure-edit{cursor:pointer;visibility:hidden}.column-as-measure-mapping-content .column-as-measure-mapping-content-title{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.column-as-measure-mapping-content .column-as-measure-mapping-content-title .link-label{color:#2e7fec;cursor:pointer;font-weight:600}.column-as-measure-mapping-content .column-as-measure-mapping-content-title .icons{padding:5px;cursor:pointer}.column-as-measure-mapping-content .column-as-measure-mapping-content-title .icons:hover{background:#80808030;border-radius:50%}.column-as-measure-mapping-content .column-as-measure-mapping-content-title .ms-Icon--ChromeClose{font-size:10px}.column-as-measure-mapping-content .column-as-measure-mapping-content-input{width:100%;overflow:hidden;border:1px dashed gray;border-radius:3px;padding:6px 5px;text-align:left;font-size:12px;white-space:nowrap;display:flex;flex-direction:column;gap:3px;cursor:pointer}.column-as-measure-mapping-content .column-as-measure-mapping-content-input.column-as-measure-mapping-content-input-active{border-color:#000;background-color:#f0f0f0}.column-as-measure-mapping-content .column-as-measure-mapping-content-input .column-as-measure-mapping-content-input-placeholder{padding:0 4px;height:24px;display:flex;align-items:center;pointer-events:none}.column-as-measure-mapping-content .column-as-measure-mapping-content-input.column-as-measure-mapping-content-multi-input{padding-bottom:10px}.column-as-measure-mapping-content .column-as-measure-mapping-content-input .column-as-measure-mapping-content-input-filled{background:#dbdbdb;width:100%;height:24px;padding:0 5px 0 8px;white-space:nowrap;overflow:hidden;border-radius:2px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}.column-as-measure-mapping-content .column-as-measure-mapping-content-input .column-as-measure-mapping-content-input-filled .column-as-measure-mapping-content-input-filled-value{width:min-content;overflow:hidden;text-overflow:ellipsis}.column-as-measure-mapping-content .column-as-measure-mapping-content-input .column-as-measure-mapping-content-input-filled .column-as-measure-mapping-content-input-filled-close{height:15px;width:15px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.column-as-measure-mapping-content .column-as-measure-mapping-content-input .column-as-measure-mapping-content-input-filled .column-as-measure-mapping-content-input-filled-close span{font-size:8px!important}.column-as-measure-mapping-content .column-as-measure-mapping-content-input .column-as-measure-mapping-content-input-filled .column-as-measure-mapping-content-input-filled-close:hover{background-color:#f3f3f3}.column-as-measure-mapping-container{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:6px;overflow:hidden}.column-as-measure-mapping-container .column-as-measure-mapping-column-searcher{width:100%;overflow:hidden;position:relative}.column-as-measure-mapping-container .column-as-measure-mapping-column-searcher input{width:100%;padding:4px 20px 4px 5px;outline:none}.column-as-measure-mapping-container .column-as-measure-mapping-column-searcher .column-as-measure-mapping-column-searcher-clear{position:absolute;top:50%;right:5px;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.column-as-measure-mapping-container .column-as-measure-mapping-column-searcher .column-as-measure-mapping-column-searcher-clear span{font-size:8px!important}.column-as-measure-mapping-container .column-as-measure-mapping-column-searcher .column-as-measure-mapping-column-searcher-clear:hover{background-color:#c7c7c7}.column-as-measure-mapping-container .column-as-measure-mapping-column-searcher .column-as-measure-mapping-column-searcher-clear:active{transform:translateY(-50%) scale(.9)}.column-as-measure-mapping-container .column-as-measure-mapping-content-scrollable-container{width:100%;height:auto;max-height:335px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:5px}.column-as-measure-mapping-container .column-as-measure-mapping-content-scrollable-container.column-as-measure-mapping-content-scrollable-container-columns{max-height:300px;gap:0px}.column-as-measure-mapping-container .column-as-measure-mapping-column-content{display:flex;flex-direction:row;width:100%;gap:6px;align-items:center;cursor:pointer;padding:6px 4px}.column-as-measure-mapping-container .column-as-measure-mapping-column-content:hover{background-color:#f3f3f3}.column-as-measure-mapping-container .column-as-measure-mapping-column-content .column-as-measure-mapping-column-content-checkbox{display:block}.column-as-measure-mapping-container .column-as-measure-mapping-column-content .column-as-measure-mapping-column-content-label{font-size:12px;font-weight:400}.column-as-measure-mapping-container .column-as-measure-mapping-no-search-items-found{width:100%;text-align:center;display:grid;place-items:center;font-size:13px;font-weight:400}.column-as-measure-mapping-container .column-as-measure-mapping-no-search-items-found .column-as-measure-mapping-clear-search-link{margin-top:5px;border-bottom:1px solid #5c5cd1;color:#5c5cd1;width:min-content;white-space:nowrap;cursor:pointer}.column-as-measure-mapping-container .column-as-measure-mapping-no-search-items-found .column-as-measure-mapping-clear-search-link:hover{color:#3232ac}")),document.head.appendChild(n)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
(function(w,j){typeof exports=="object"&&typeof module<"u"?j(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],j):(w=typeof globalThis<"u"?globalThis:w||self,j(w.index={},w.rect))})(this,function(w,j){"use strict";function We(_){return _&&_.__esModule&&Object.prototype.hasOwnProperty.call(_,"default")?_.default:_}var re={exports:{}},U={};/**
* @license React
(function(D,O){typeof exports=="object"&&typeof module<"u"?O(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],O):(D=typeof globalThis<"u"?globalThis:D||self,O(D.index={},D.rect))})(this,function(D,O){"use strict";function ve(g){return g&&g.__esModule&&Object.prototype.hasOwnProperty.call(g,"default")?g.default:g}var X={exports:{}},W={};/** @license React v16.14.0
* react-jsx-runtime.production.min.js

@@ -10,4 +9,3 @@ *

* LICENSE file in the root directory of this source tree.
*/var de;function Ye(){if(de)return U;de=1;var _=j,f=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,n=_.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function d(a,u,h){var R,O={},k=null,D=null;h!==void 0&&(k=""+h),u.key!==void 0&&(k=""+u.key),u.ref!==void 0&&(D=u.ref);for(R in u)i.call(u,R)&&!c.hasOwnProperty(R)&&(O[R]=u[R]);if(a&&a.defaultProps)for(R in u=a.defaultProps,u)O[R]===void 0&&(O[R]=u[R]);return{$$typeof:f,type:a,key:k,ref:D,props:O,_owner:n.current}}return U.Fragment=o,U.jsx=d,U.jsxs=d,U}var K={};/**
* @license React
*/var ae;function he(){if(ae)return W;ae=1;var g=O,f=60103;if(W.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var s=Symbol.for;f=s("react.element"),W.Fragment=s("react.fragment")}var o=g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,r=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function u(i,l,v){var x,P={},T=null,k=null;v!==void 0&&(T=""+v),l.key!==void 0&&(T=""+l.key),l.ref!==void 0&&(k=l.ref);for(x in l)r.call(l,x)&&!c.hasOwnProperty(x)&&(P[x]=l[x]);if(i&&i.defaultProps)for(x in l=i.defaultProps,l)P[x]===void 0&&(P[x]=l[x]);return{$$typeof:f,type:i,key:T,ref:k,props:P,_owner:o.current}}return W.jsx=u,W.jsxs=u,W}var $={};/** @license React v16.14.0
* react-jsx-runtime.development.js

@@ -19,16 +17,13 @@ *

* LICENSE file in the root directory of this source tree.
*/var pe;function Ve(){return pe||(pe=1,process.env.NODE_ENV!=="production"&&function(){var _=j,f=Symbol.for("react.element"),o=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),n=Symbol.for("react.strict_mode"),c=Symbol.for("react.profiler"),d=Symbol.for("react.provider"),a=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),R=Symbol.for("react.suspense_list"),O=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),D=Symbol.for("react.offscreen"),N=Symbol.iterator,Y="@@iterator";function y(e){if(e===null||typeof e!="object")return null;var r=N&&e[N]||e[Y];return typeof r=="function"?r:null}var S=_.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function l(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),s=1;s<r;s++)t[s-1]=arguments[s];T("error",e,t)}}function T(e,r,t){{var s=S.ReactDebugCurrentFrame,v=s.getStackAddendum();v!==""&&(r+="%s",t=t.concat([v]));var g=t.map(function(m){return String(m)});g.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,g)}}var L=!1,A=!1,X=!1,ne=!1,Ge=!1,ve;ve=Symbol.for("react.module.reference");function Je(e){return!!(typeof e=="string"||typeof e=="function"||e===i||e===c||Ge||e===n||e===h||e===R||ne||e===D||L||A||X||typeof e=="object"&&e!==null&&(e.$$typeof===k||e.$$typeof===O||e.$$typeof===d||e.$$typeof===a||e.$$typeof===u||e.$$typeof===ve||e.getModuleId!==void 0))}function $e(e,r,t){var s=e.displayName;if(s)return s;var v=r.displayName||r.name||"";return v!==""?t+"("+v+")":t}function he(e){return e.displayName||"Context"}function F(e){if(e==null)return null;if(typeof e.tag=="number"&&l("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case i:return"Fragment";case o:return"Portal";case c:return"Profiler";case n:return"StrictMode";case h:return"Suspense";case R:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case a:var r=e;return he(r)+".Consumer";case d:var t=e;return he(t._context)+".Provider";case u:return $e(e,e.render,"ForwardRef");case O:var s=e.displayName||null;return s!==null?s:F(e.type)||"Memo";case k:{var v=e,g=v._payload,m=v._init;try{return F(m(g))}catch{return null}}}return null}var M=Object.assign,H=0,ge,be,ye,Ee,Re,xe,_e;function Se(){}Se.__reactDisabledLog=!0;function Xe(){{if(H===0){ge=console.log,be=console.info,ye=console.warn,Ee=console.error,Re=console.group,xe=console.groupCollapsed,_e=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Se,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}H++}}function Qe(){{if(H--,H===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:M({},e,{value:ge}),info:M({},e,{value:be}),warn:M({},e,{value:ye}),error:M({},e,{value:Ee}),group:M({},e,{value:Re}),groupCollapsed:M({},e,{value:xe}),groupEnd:M({},e,{value:_e})})}H<0&&l("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ae=S.ReactCurrentDispatcher,se;function Q(e,r,t){{if(se===void 0)try{throw Error()}catch(v){var s=v.stack.trim().match(/\n( *(at )?)/);se=s&&s[1]||""}return`
`+se+e}}var oe=!1,Z;{var Ze=typeof WeakMap=="function"?WeakMap:Map;Z=new Ze}function je(e,r){if(!e||oe)return"";{var t=Z.get(e);if(t!==void 0)return t}var s;oe=!0;var v=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var g;g=ae.current,ae.current=null,Xe();try{if(r){var m=function(){throw Error()};if(Object.defineProperty(m.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(m,[])}catch(I){s=I}Reflect.construct(e,[],m)}else{try{m.call()}catch(I){s=I}e.call(m.prototype)}}else{try{throw Error()}catch(I){s=I}e()}}catch(I){if(I&&s&&typeof I.stack=="string"){for(var p=I.stack.split(`
`),C=s.stack.split(`
`),E=p.length-1,x=C.length-1;E>=1&&x>=0&&p[E]!==C[x];)x--;for(;E>=1&&x>=0;E--,x--)if(p[E]!==C[x]){if(E!==1||x!==1)do if(E--,x--,x<0||p[E]!==C[x]){var P=`
`+p[E].replace(" at new "," at ");return e.displayName&&P.includes("<anonymous>")&&(P=P.replace("<anonymous>",e.displayName)),typeof e=="function"&&Z.set(e,P),P}while(E>=1&&x>=0);break}}}finally{oe=!1,ae.current=g,Qe(),Error.prepareStackTrace=v}var B=e?e.displayName||e.name:"",Me=B?Q(B):"";return typeof e=="function"&&Z.set(e,Me),Me}function ze(e,r,t){return je(e,!1)}function qe(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function z(e,r,t){if(e==null)return"";if(typeof e=="function")return je(e,qe(e));if(typeof e=="string")return Q(e);switch(e){case h:return Q("Suspense");case R:return Q("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case u:return ze(e.render);case O:return z(e.type,r,t);case k:{var s=e,v=s._payload,g=s._init;try{return z(g(v),r,t)}catch{}}}return""}var q=Object.prototype.hasOwnProperty,Ce={},Oe=S.ReactDebugCurrentFrame;function ee(e){if(e){var r=e._owner,t=z(e.type,e._source,r?r.type:null);Oe.setExtraStackFrame(t)}else Oe.setExtraStackFrame(null)}function er(e,r,t,s,v){{var g=Function.call.bind(q);for(var m in e)if(g(e,m)){var p=void 0;try{if(typeof e[m]!="function"){var C=Error((s||"React class")+": "+t+" type `"+m+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[m]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw C.name="Invariant Violation",C}p=e[m](r,m,s,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(E){p=E}p&&!(p instanceof Error)&&(ee(v),l("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",s||"React class",t,m,typeof p),ee(null)),p instanceof Error&&!(p.message in Ce)&&(Ce[p.message]=!0,ee(v),l("Failed %s type: %s",t,p.message),ee(null))}}}var rr=Array.isArray;function ie(e){return rr(e)}function tr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function nr(e){try{return Te(e),!1}catch{return!0}}function Te(e){return""+e}function ke(e){if(nr(e))return l("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",tr(e)),Te(e)}var G=S.ReactCurrentOwner,ar={key:!0,ref:!0,__self:!0,__source:!0},Pe,we,le;le={};function sr(e){if(q.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function or(e){if(q.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function ir(e,r){if(typeof e.ref=="string"&&G.current&&r&&G.current.stateNode!==r){var t=F(G.current.type);le[t]||(l('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',F(G.current.type),e.ref),le[t]=!0)}}function lr(e,r){{var t=function(){Pe||(Pe=!0,l("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function cr(e,r){{var t=function(){we||(we=!0,l("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var ur=function(e,r,t,s,v,g,m){var p={$$typeof:f,type:e,key:r,ref:t,props:m,_owner:g};return p._store={},Object.defineProperty(p._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(p,"_self",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.defineProperty(p,"_source",{configurable:!1,enumerable:!1,writable:!1,value:v}),Object.freeze&&(Object.freeze(p.props),Object.freeze(p)),p};function fr(e,r,t,s,v){{var g,m={},p=null,C=null;t!==void 0&&(ke(t),p=""+t),or(r)&&(ke(r.key),p=""+r.key),sr(r)&&(C=r.ref,ir(r,v));for(g in r)q.call(r,g)&&!ar.hasOwnProperty(g)&&(m[g]=r[g]);if(e&&e.defaultProps){var E=e.defaultProps;for(g in E)m[g]===void 0&&(m[g]=E[g])}if(p||C){var x=typeof e=="function"?e.displayName||e.name||"Unknown":e;p&&lr(m,x),C&&cr(m,x)}return ur(e,p,C,v,s,G.current,m)}}var ce=S.ReactCurrentOwner,De=S.ReactDebugCurrentFrame;function V(e){if(e){var r=e._owner,t=z(e.type,e._source,r?r.type:null);De.setExtraStackFrame(t)}else De.setExtraStackFrame(null)}var ue;ue=!1;function fe(e){return typeof e=="object"&&e!==null&&e.$$typeof===f}function Fe(){{if(ce.current){var e=F(ce.current.type);if(e)return`
*/var se;function ge(){return se||(se=1,function(g){process.env.NODE_ENV!=="production"&&function(){var f=O,s=60103,o=60106;g.Fragment=60107;var r=60108,c=60114,u=60109,i=60110,l=60112,v=60113,x=60120,P=60115,T=60116,k=60121,L=60122,F=60117,R=60129,j=60131;if(typeof Symbol=="function"&&Symbol.for){var a=Symbol.for;s=a("react.element"),o=a("react.portal"),g.Fragment=a("react.fragment"),r=a("react.strict_mode"),c=a("react.profiler"),u=a("react.provider"),i=a("react.context"),l=a("react.forward_ref"),v=a("react.suspense"),x=a("react.suspense_list"),P=a("react.memo"),T=a("react.lazy"),k=a("react.block"),L=a("react.server.block"),F=a("react.fundamental"),a("react.scope"),a("react.opaque.id"),R=a("react.debug_trace_mode"),a("react.offscreen"),j=a("react.legacy_hidden")}var C=typeof Symbol=="function"&&Symbol.iterator,Y="@@iterator";function I(e){if(e===null||typeof e!="object")return null;var t=C&&e[C]||e[Y];return typeof t=="function"?t:null}var w=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function b(e){{for(var t=arguments.length,n=new Array(t>1?t-1:0),d=1;d<t;d++)n[d-1]=arguments[d];Oe("error",e,n)}}function Oe(e,t,n){{var d=w.ReactDebugCurrentFrame,_="";if(B){var E=S(B.type),m=B._owner;_+=Ce(E,B._source,m&&S(m.type))}_+=d.getStackAddendum(),_!==""&&(t+="%s",n=n.concat([_]));var p=n.map(function(y){return""+y});p.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,p)}}var be=!1;function je(e){return!!(typeof e=="string"||typeof e=="function"||e===g.Fragment||e===c||e===R||e===r||e===v||e===x||e===j||be||typeof e=="object"&&e!==null&&(e.$$typeof===T||e.$$typeof===P||e.$$typeof===u||e.$$typeof===i||e.$$typeof===l||e.$$typeof===F||e.$$typeof===k||e[0]===L))}var z=/^(.*)[\\\/]/;function Ce(e,t,n){var d="";if(t){var _=t.fileName,E=_.replace(z,"");if(/^index\./.test(E)){var m=_.match(z);if(m){var p=m[1];if(p){var y=p.replace(z,"");E=y+"/"+E}}}d=" (at "+E+":"+t.lineNumber+")"}else n&&(d=" (created by "+n+")");return`
in `+(e||"Unknown")+d}var ye=1;function Pe(e){return e._status===ye?e._result:null}function Te(e,t,n){var d=t.displayName||t.name||"";return e.displayName||(d!==""?n+"("+d+")":n)}function S(e){if(e==null)return null;if(typeof e.tag=="number"&&b("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case g.Fragment:return"Fragment";case o:return"Portal";case c:return"Profiler";case r:return"StrictMode";case v:return"Suspense";case x:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case i:return"Context.Consumer";case u:return"Context.Provider";case l:return Te(e,e.render,"ForwardRef");case P:return S(e.type);case k:return S(e.render);case T:{var t=e,n=Pe(t);if(n)return S(n);break}}return null}var oe={};w.ReactDebugCurrentFrame;var B=null;function G(e){B=e}function Se(e,t,n,d,_){{var E=Function.call.bind(Object.prototype.hasOwnProperty);for(var m in e)if(E(e,m)){var p=void 0;try{if(typeof e[m]!="function"){var y=Error((d||"React class")+": "+n+" type `"+m+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[m]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw y.name="Invariant Violation",y}p=e[m](t,m,d,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(A){p=A}p&&!(p instanceof Error)&&(G(_),b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",d||"React class",n,m,typeof p),G(null)),p instanceof Error&&!(p.message in oe)&&(oe[p.message]=!0,G(_),b("Failed %s type: %s",n,p.message),G(null))}}}var U=w.ReactCurrentOwner,Z=Object.prototype.hasOwnProperty,ke={key:!0,ref:!0,__self:!0,__source:!0},ce,le,q;q={};function Ae(e){if(Z.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return e.ref!==void 0}function De(e){if(Z.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function Ie(e,t){if(typeof e.ref=="string"&&U.current&&t&&U.current.stateNode!==t){var n=S(U.current.type);q[n]||(b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',S(U.current.type),e.ref),q[n]=!0)}}function we(e,t){{var n=function(){ce||(ce=!0,b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}}function Ne(e,t){{var n=function(){le||(le=!0,b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}}var Le=function(e,t,n,d,_,E,m){var p={$$typeof:s,type:e,key:t,ref:n,props:m,_owner:E};return p._store={},Object.defineProperty(p._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(p,"_self",{configurable:!1,enumerable:!1,writable:!1,value:d}),Object.defineProperty(p,"_source",{configurable:!1,enumerable:!1,writable:!1,value:_}),Object.freeze&&(Object.freeze(p.props),Object.freeze(p)),p};function Fe(e,t,n,d,_){{var E,m={},p=null,y=null;n!==void 0&&(p=""+n),De(t)&&(p=""+t.key),Ae(t)&&(y=t.ref,Ie(t,_));for(E in t)Z.call(t,E)&&!ke.hasOwnProperty(E)&&(m[E]=t[E]);if(e&&e.defaultProps){var A=e.defaultProps;for(E in A)m[E]===void 0&&(m[E]=A[E])}if(p||y){var N=typeof e=="function"?e.displayName||e.name||"Unknown":e;p&&we(m,N),y&&Ne(m,N)}return Le(e,p,y,_,d,U.current,m)}}var ee=w.ReactCurrentOwner;w.ReactDebugCurrentFrame;function V(e){B=e}var te;te=!1;function ne(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function ue(){{if(ee.current){var e=S(ee.current.type);if(e)return`
Check the render method of \``+e+"`."}return""}}function dr(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),t=e.lineNumber;return`
Check the render method of \``+e+"`."}return""}}function Ye(e){{if(e!==void 0){var t=e.fileName.replace(/^.*[\\\/]/,""),n=e.lineNumber;return`
Check your code at `+r+":"+t+"."}return""}}var Ie={};function pr(e){{var r=Fe();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
Check your code at `+t+":"+n+"."}return""}}var fe={};function We(e){{var t=ue();if(!t){var n=typeof e=="string"?e:e.displayName||e.name;n&&(t=`
Check the top-level render call using <`+t+">.")}return r}}function Ae(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=pr(r);if(Ie[t])return;Ie[t]=!0;var s="";e&&e._owner&&e._owner!==ce.current&&(s=" It was passed a child from "+F(e._owner.type)+"."),V(e),l('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,s),V(null)}}function Ne(e,r){{if(typeof e!="object")return;if(ie(e))for(var t=0;t<e.length;t++){var s=e[t];fe(s)&&Ae(s,r)}else if(fe(e))e._store&&(e._store.validated=!0);else if(e){var v=y(e);if(typeof v=="function"&&v!==e.entries)for(var g=v.call(e),m;!(m=g.next()).done;)fe(m.value)&&Ae(m.value,r)}}}function mr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===u||r.$$typeof===O))t=r.propTypes;else return;if(t){var s=F(r);er(t,e.props,"prop",s,e)}else if(r.PropTypes!==void 0&&!ue){ue=!0;var v=F(r);l("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",v||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&l("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function vr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var s=r[t];if(s!=="children"&&s!=="key"){V(e),l("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",s),V(null);break}}e.ref!==null&&(V(e),l("Invalid attribute `ref` supplied to `React.Fragment`."),V(null))}}function Le(e,r,t,s,v,g){{var m=Je(e);if(!m){var p="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(p+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var C=dr(v);C?p+=C:p+=Fe();var E;e===null?E="null":ie(e)?E="array":e!==void 0&&e.$$typeof===f?(E="<"+(F(e.type)||"Unknown")+" />",p=" Did you accidentally export a JSX literal instead of a component?"):E=typeof e,l("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",E,p)}var x=fr(e,r,t,v,g);if(x==null)return x;if(m){var P=r.children;if(P!==void 0)if(s)if(ie(P)){for(var B=0;B<P.length;B++)Ne(P[B],e);Object.freeze&&Object.freeze(P)}else l("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ne(P,e)}return e===i?vr(x):mr(x),x}}function hr(e,r,t){return Le(e,r,t,!0)}function gr(e,r,t){return Le(e,r,t,!1)}var br=gr,yr=hr;K.Fragment=i,K.jsx=br,K.jsxs=yr}()),K}process.env.NODE_ENV==="production"?re.exports=Ye():re.exports=Ve();var b=re.exports,me={exports:{}};/*!
Check the top-level render call using <`+n+">.")}return t}}function de(e,t){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=We(t);if(fe[n])return;fe[n]=!0;var d="";e&&e._owner&&e._owner!==ee.current&&(d=" It was passed a child from "+S(e._owner.type)+"."),V(e),b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,d),V(null)}}function pe(e,t){{if(typeof e!="object")return;if(Array.isArray(e))for(var n=0;n<e.length;n++){var d=e[n];ne(d)&&de(d,t)}else if(ne(e))e._store&&(e._store.validated=!0);else if(e){var _=I(e);if(typeof _=="function"&&_!==e.entries)for(var E=_.call(e),m;!(m=E.next()).done;)ne(m.value)&&de(m.value,t)}}}function Me(e){{var t=e.type;if(t==null||typeof t=="string")return;var n;if(typeof t=="function")n=t.propTypes;else if(typeof t=="object"&&(t.$$typeof===l||t.$$typeof===P))n=t.propTypes;else return;if(n){var d=S(t);Se(n,e.props,"prop",d,e)}else if(t.PropTypes!==void 0&&!te){te=!0;var _=S(t);b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",_||"Unknown")}typeof t.getDefaultProps=="function"&&!t.getDefaultProps.isReactClassApproved&&b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Be(e){{for(var t=Object.keys(e.props),n=0;n<t.length;n++){var d=t[n];if(d!=="children"&&d!=="key"){V(e),b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",d),V(null);break}}e.ref!==null&&(V(e),b("Invalid attribute `ref` supplied to `React.Fragment`."),V(null))}}function me(e,t,n,d,_,E){{var m=je(e);if(!m){var p="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(p+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var y=Ye(_);y?p+=y:p+=ue();var A;e===null?A="null":Array.isArray(e)?A="array":e!==void 0&&e.$$typeof===s?(A="<"+(S(e.type)||"Unknown")+" />",p=" Did you accidentally export a JSX literal instead of a component?"):A=typeof e,b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",A,p)}var N=Fe(e,t,n,_,E);if(N==null)return N;if(m){var K=t.children;if(K!==void 0)if(d)if(Array.isArray(K)){for(var re=0;re<K.length;re++)pe(K[re],e);Object.freeze&&Object.freeze(K)}else b("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else pe(K,e)}return e===g.Fragment?Be(N):Me(N),N}}function Ve(e,t,n){return me(e,t,n,!0)}function Ke(e,t,n){return me(e,t,n,!1)}var Ue=Ke,He=Ve;g.jsx=Ue,g.jsxs=He}()}($)),$}process.env.NODE_ENV==="production"?X.exports=he():X.exports=ge();var h=X.exports,ie={exports:{}};/*!
Copyright (c) 2018 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/(function(_){(function(){var f={}.hasOwnProperty;function o(){for(var i=[],n=0;n<arguments.length;n++){var c=arguments[n];if(c){var d=typeof c;if(d==="string"||d==="number")i.push(c);else if(Array.isArray(c)){if(c.length){var a=o.apply(null,c);a&&i.push(a)}}else if(d==="object"){if(c.toString!==Object.prototype.toString&&!c.toString.toString().includes("[native code]")){i.push(c.toString());continue}for(var u in c)f.call(c,u)&&c[u]&&i.push(u)}}}return i.join(" ")}_.exports?(o.default=o,_.exports=o):window.classNames=o})()})(me);var Be=me.exports;const J=We(Be);class ${static getDescendantProperty(f,o,i=[]){let n,c,d,a,u,h;if(o){if(d=o.indexOf("."),d===-1?n=o:(n=o.slice(0,d),c=o.slice(d+1)),a=f[n],a!==null&&typeof a<"u")if(!c&&(typeof a=="string"||typeof a=="number"))i.push(a);else if(Object.prototype.toString.call(a)==="[object Array]")for(u=0,h=a.length;u<h;u++)$.getDescendantProperty(a[u],c,i);else c&&$.getDescendantProperty(a,c,i)}else i.push(f);return i}}class W{constructor(f=[],o=[],i={}){Array.isArray(o)||(i=o,o=[]),this.haystack=f,this.keys=o,this.options=Object.assign({caseSensitive:!1,sort:!1},i)}search(f=""){if(f==="")return this.haystack;const o=[];for(let i=0;i<this.haystack.length;i++){const n=this.haystack[i];if(this.keys.length===0){const c=W.isMatch(n,f,this.options.caseSensitive);c&&o.push({item:n,score:c})}else for(let c=0;c<this.keys.length;c++){const d=$.getDescendantProperty(n,this.keys[c]);let a=!1;for(let u=0;u<d.length;u++){const h=W.isMatch(d[u],f,this.options.caseSensitive);if(h){a=!0,o.push({item:n,score:h});break}}if(a)break}}return this.options.sort&&o.sort((i,n)=>i.score-n.score),o.map(i=>i.item)}static isMatch(f,o,i){f=String(f),o=String(o),i||(f=f.toLocaleLowerCase(),o=o.toLocaleLowerCase());const n=W.nearestIndexesFor(f,o);return n?f===o?1:n.length>1?2+(n[n.length-1]-n[0]):2+n[0]:!1}static nearestIndexesFor(f,o){const i=o.split("");let n=[];return W.indexesOfFirstLetter(f,o).forEach((d,a)=>{let u=d+1;n[a]=[d];for(let h=1;h<i.length;h++){const R=i[h];if(u=f.indexOf(R,u),u===-1){n[a]=!1;break}n[a].push(u),u++}}),n=n.filter(d=>d!==!1),n.length?n.sort((d,a)=>d.length===1?d[0]-a[0]:(d=d[d.length-1]-d[0],a=a[a.length-1]-a[0],d-a))[0]:!1}static indexesOfFirstLetter(f,o){const i=o[0];return f.split("").map((n,c)=>n!==i?!1:c).filter(n=>n!==!1)}}const Er="",te=j.createContext({allItems:[],buckets:[],updateState:()=>{}}),Ue=_=>{const{children:f,allItems:o,buckets:i,onUpdate:n}=_,[c,d]=j.useState({allItems:o,buckets:i}),a=u=>{const h={...c,...u};d(h),n==null||n({allItems:h.allItems,buckets:h.buckets})};return b.jsx(te.Provider,{value:{...c,updateState:a},children:f})},Ke=_=>{const{id:f,label:o,enableRemoveFieldItem:i=!0,maxItems:n=Number.MAX_SAFE_INTEGER}=_,[c,d]=j.useState(!1),{buckets:a,updateState:u}=j.useContext(te),{items:h}=j.useMemo(()=>a.find(l=>l.id===f),[a,f])??{items:[]},R=(l,T)=>{const L=[...a];L.forEach(A=>{const X=A.items.findIndex(ne=>ne===l);X!==-1&&A.items.splice(X,1),!T&&A.id===f&&A.items.push(l)}),u({buckets:L})},O=l=>()=>R(l,!0),k=l=>T=>{T.dataTransfer.setData("fieldKeeperItem",l)},D=()=>{d(!1)},N=()=>{d(!0)},Y=l=>{l.preventDefault(),N()},y=l=>{const T=l.dataTransfer.getData("fieldKeeperItem");R(T),D()},S=h.length<n;return b.jsxs("div",{className:"column-as-measure-mapping-content",children:[b.jsx("div",{className:"column-as-measure-mapping-content-title",children:o}),b.jsx("div",{className:J("column-as-measure-mapping-content-input",{"column-as-measure-mapping-content-multi-input":S,"column-as-measure-mapping-content-input-active":c}),onDrop:y,onDragOver:Y,onDragEnter:N,onDragLeave:D,children:h.length>0?h.map((l,T)=>b.jsxs("div",{className:"column-as-measure-mapping-content-input-filled",draggable:!0,onDragStart:k(l),onDragOver:Y,children:[b.jsx("div",{className:"column-as-measure-mapping-content-input-filled-value",children:l}),i&&b.jsx("div",{className:J("column-as-measure-mapping-content-input-filled-close",{"column-as-measure-mapping-content-disabled":i}),role:"button",onClick:O(l),children:b.jsx("span",{className:"ms-Icon ms-Icon--ChromeClose",children:"x"})})]},`${l}-${T}`)):b.jsx("div",{className:"column-as-measure-mapping-content-input-placeholder",children:"Add data fields here"})})]})},He=_=>{const{label:f,isDisabled:o}=_,i=j.useRef(null),{allItems:n,buckets:c,updateState:d}=j.useContext(te),[a,u]=j.useState(""),[h,R]=j.useState(n),O=y=>{u(y.target.value??"")},k=()=>{var y;u(""),(y=i.current)==null||y.focus()},D=y=>c.some(S=>S.items.some(l=>l===y)),N=(y,S=!1)=>()=>{const l=[...c];S?l.some(T=>{const L=T.items.findIndex(A=>A===y);return L!==-1?(T.items.splice(L,1),!0):!1}):l[Math.floor(Math.random()*l.length)].items.push(y),d({buckets:l})},Y=y=>S=>{S.dataTransfer.setData("fieldKeeperItem",y)};return j.useEffect(()=>{const S=new W(n,[],{sort:!0}).search(a);R(S)},[a,n]),b.jsxs("div",{className:J("column-as-measure-mapping-container",{"column-as-measure-mapping-content-disabled":o}),children:[f&&b.jsx("div",{className:"column-as-measure-mapping-subtitle",children:f}),b.jsxs("div",{className:"column-as-measure-mapping-column-searcher",children:[b.jsx("input",{type:"text",ref:i,onChange:O,value:a,placeholder:"Search values"}),a.length>0&&b.jsx("div",{className:"column-as-measure-mapping-column-searcher-clear",role:"button",onClick:k,children:b.jsx("span",{className:"ms-Icon ms-Icon--ChromeClose"})})]}),b.jsx("div",{className:"column-as-measure-mapping-content-scrollable-container column-as-measure-mapping-content-scrollable-container-columns",children:h.length>0?h.map((y,S)=>{const l=D(y);return b.jsxs("div",{className:"column-as-measure-mapping-column-content",draggable:!l,onDragStart:Y(y),children:[b.jsx("div",{className:"column-as-measure-mapping-column-content-checkbox",children:b.jsx("input",{className:J({"column-as-measure-mapping-content-disabled":o}),type:"checkbox",checked:l,onChange:N(y,l)})}),b.jsx("div",{className:"column-as-measure-mapping-column-content-label",children:y})]},`${y}-${S}`)}):b.jsxs("div",{className:"column-as-measure-mapping-no-search-items-found",children:[b.jsxs("div",{children:["No items found for ",b.jsx("br",{})," ",b.jsx("code",{children:a})]}),b.jsx("div",{className:"column-as-measure-mapping-clear-search-link",onClick:k,role:"button",children:"Clear search"})]})})]})};w.FieldsKeeperBucket=Ke,w.FieldsKeeperProvider=Ue,w.FieldsKeeperRootBucket=He,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
*/(function(g){(function(){var f={}.hasOwnProperty;function s(){for(var o=[],r=0;r<arguments.length;r++){var c=arguments[r];if(c){var u=typeof c;if(u==="string"||u==="number")o.push(c);else if(Array.isArray(c)){if(c.length){var i=s.apply(null,c);i&&o.push(i)}}else if(u==="object"){if(c.toString!==Object.prototype.toString&&!c.toString.toString().includes("[native code]")){o.push(c.toString());continue}for(var l in c)f.call(c,l)&&c[l]&&o.push(l)}}}return o.join(" ")}g.exports?(s.default=s,g.exports=s):window.classNames=s})()})(ie);var _e=ie.exports;const H=ve(_e);class J{static getDescendantProperty(f,s,o=[]){let r,c,u,i,l,v;if(s){if(u=s.indexOf("."),u===-1?r=s:(r=s.slice(0,u),c=s.slice(u+1)),i=f[r],i!==null&&typeof i<"u")if(!c&&(typeof i=="string"||typeof i=="number"))o.push(i);else if(Object.prototype.toString.call(i)==="[object Array]")for(l=0,v=i.length;l<v;l++)J.getDescendantProperty(i[l],c,o);else c&&J.getDescendantProperty(i,c,o)}else o.push(f);return o}}class M{constructor(f=[],s=[],o={}){Array.isArray(s)||(o=s,s=[]),this.haystack=f,this.keys=s,this.options=Object.assign({caseSensitive:!1,sort:!1},o)}search(f=""){if(f==="")return this.haystack;const s=[];for(let o=0;o<this.haystack.length;o++){const r=this.haystack[o];if(this.keys.length===0){const c=M.isMatch(r,f,this.options.caseSensitive);c&&s.push({item:r,score:c})}else for(let c=0;c<this.keys.length;c++){const u=J.getDescendantProperty(r,this.keys[c]);let i=!1;for(let l=0;l<u.length;l++){const v=M.isMatch(u[l],f,this.options.caseSensitive);if(v){i=!0,s.push({item:r,score:v});break}}if(i)break}}return this.options.sort&&s.sort((o,r)=>o.score-r.score),s.map(o=>o.item)}static isMatch(f,s,o){f=String(f),s=String(s),o||(f=f.toLocaleLowerCase(),s=s.toLocaleLowerCase());const r=M.nearestIndexesFor(f,s);return r?f===s?1:r.length>1?2+(r[r.length-1]-r[0]):2+r[0]:!1}static nearestIndexesFor(f,s){const o=s.split("");let r=[];return M.indexesOfFirstLetter(f,s).forEach((u,i)=>{let l=u+1;r[i]=[u];for(let v=1;v<o.length;v++){const x=o[v];if(l=f.indexOf(x,l),l===-1){r[i]=!1;break}r[i].push(l),l++}}),r=r.filter(u=>u!==!1),r.length?r.sort((u,i)=>u.length===1?u[0]-i[0]:(u=u[u.length-1]-u[0],i=i[i.length-1]-i[0],u-i))[0]:!1}static indexesOfFirstLetter(f,s){const o=s[0];return f.split("").map((r,c)=>r!==o?!1:c).filter(r=>r!==!1)}}const Je="",Q=O.createContext({allItems:[],buckets:[],updateState:()=>{}}),Ee=g=>{const{children:f,allItems:s,buckets:o,onUpdate:r}=g,[c,u]=O.useState({allItems:s,buckets:o}),i=l=>{const v={...c,...l};u(v),r==null||r({allItems:v.allItems,buckets:v.buckets})};return h.jsx(Q.Provider,{value:{...c,updateState:i},children:f})},Re=g=>{const{id:f,label:s,enableRemoveFieldItem:o=!0,maxItems:r=Number.MAX_SAFE_INTEGER}=g,[c,u]=O.useState(!1),{buckets:i,updateState:l}=O.useContext(Q),{items:v}=O.useMemo(()=>i.find(a=>a.id===f),[i,f])??{items:[]},x=(a,C)=>{const Y=[...i];Y.forEach(I=>{const w=I.items.findIndex(b=>b===a);w!==-1&&I.items.splice(w,1),!C&&I.id===f&&I.items.push(a)}),l({buckets:Y})},P=a=>()=>x(a,!0),T=a=>C=>{C.dataTransfer.setData("fieldKeeperItem",a)},k=()=>{u(!1)},L=()=>{u(!0)},F=a=>{a.preventDefault(),L()},R=a=>{const C=a.dataTransfer.getData("fieldKeeperItem");x(C),k()},j=v.length<r;return h.jsxs("div",{className:"column-as-measure-mapping-content",children:[h.jsx("div",{className:"column-as-measure-mapping-content-title",children:s}),h.jsx("div",{className:H("column-as-measure-mapping-content-input",{"column-as-measure-mapping-content-multi-input":j,"column-as-measure-mapping-content-input-active":c}),onDrop:R,onDragOver:F,onDragEnter:L,onDragLeave:k,children:v.length>0?v.map((a,C)=>h.jsxs("div",{className:"column-as-measure-mapping-content-input-filled",draggable:!0,onDragStart:T(a),onDragOver:F,children:[h.jsx("div",{className:"column-as-measure-mapping-content-input-filled-value",children:a}),o&&h.jsx("div",{className:H("column-as-measure-mapping-content-input-filled-close",{"column-as-measure-mapping-content-disabled":o}),role:"button",onClick:P(a),children:h.jsx("span",{className:"ms-Icon ms-Icon--ChromeClose",children:"x"})})]},`${a}-${C}`)):h.jsx("div",{className:"column-as-measure-mapping-content-input-placeholder",children:"Add data fields here"})})]})},xe=g=>{const{label:f,isDisabled:s}=g,o=O.useRef(null),{allItems:r,buckets:c,updateState:u}=O.useContext(Q),[i,l]=O.useState(""),[v,x]=O.useState(r),P=R=>{l(R.target.value??"")},T=()=>{var R;l(""),(R=o.current)==null||R.focus()},k=R=>c.some(j=>j.items.some(a=>a===R)),L=(R,j=!1)=>()=>{const a=[...c];j?a.some(C=>{const Y=C.items.findIndex(I=>I===R);return Y!==-1?(C.items.splice(Y,1),!0):!1}):a[Math.floor(Math.random()*a.length)].items.push(R),u({buckets:a})},F=R=>j=>{j.dataTransfer.setData("fieldKeeperItem",R)};return O.useEffect(()=>{const j=new M(r,[],{sort:!0}).search(i);x(j)},[i,r]),h.jsxs("div",{className:H("column-as-measure-mapping-container",{"column-as-measure-mapping-content-disabled":s}),children:[f&&h.jsx("div",{className:"column-as-measure-mapping-subtitle",children:f}),h.jsxs("div",{className:"column-as-measure-mapping-column-searcher",children:[h.jsx("input",{type:"text",ref:o,onChange:P,value:i,placeholder:"Search values"}),i.length>0&&h.jsx("div",{className:"column-as-measure-mapping-column-searcher-clear",role:"button",onClick:T,children:h.jsx("span",{className:"ms-Icon ms-Icon--ChromeClose"})})]}),h.jsx("div",{className:"column-as-measure-mapping-content-scrollable-container column-as-measure-mapping-content-scrollable-container-columns",children:v.length>0?v.map((R,j)=>{const a=k(R);return h.jsxs("div",{className:"column-as-measure-mapping-column-content",draggable:!a,onDragStart:F(R),children:[h.jsx("div",{className:"column-as-measure-mapping-column-content-checkbox",children:h.jsx("input",{className:H({"column-as-measure-mapping-content-disabled":s}),type:"checkbox",checked:a,onChange:L(R,a)})}),h.jsx("div",{className:"column-as-measure-mapping-column-content-label",children:R})]},`${R}-${j}`)}):h.jsxs("div",{className:"column-as-measure-mapping-no-search-items-found",children:[h.jsxs("div",{children:["No items found for ",h.jsx("br",{})," ",h.jsx("code",{children:i})]}),h.jsx("div",{className:"column-as-measure-mapping-clear-search-link",onClick:T,role:"button",children:"Clear search"})]})})]})};D.FieldsKeeperBucket=Re,D.FieldsKeeperProvider=Ee,D.FieldsKeeperRootBucket=xe,Object.defineProperty(D,Symbol.toStringTag,{value:"Module"})});

13

package.json
{
"name": "react-fields-keeper",
"version": "0.0.1",
"version": "0.1.0",
"type": "module",

@@ -23,4 +23,4 @@ "main": "./dist/index.umd.js",

"fuzzy-search": "^3.2.1",
"react": "^18.2.0",
"react-dom": "^18.2.0"
"react": "^16.14.0",
"react-dom": "^16.12.0"
},

@@ -31,4 +31,4 @@ "devDependencies": {

"@types/node": "^20.1.3",
"@types/react": "^18.0.28",
"@types/react-dom": "^18.0.11",
"@types/react": "16.9.35",
"@types/react-dom": "16.9.8",
"@typescript-eslint/eslint-plugin": "^5.57.1",

@@ -45,3 +45,6 @@ "@typescript-eslint/parser": "^5.57.1",

"vite-plugin-dts": "^2.3.0"
},
"resolutions": {
"@types/react": "^16 || ^17"
}
}