censa_front_end_library
Version:
React components library project for censa Design System
1,340 lines (1,308 loc) • 1.78 MB
JavaScript
/**
* Generated on: 1720760821764
* Package: censa_front_end_library
* Version: v4.9.11
* License: ISC
* Docs: undefined
*/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('classnames'), require('react-dom'), require('react-popper')) :
typeof define === 'function' && define.amd ? define(['exports', 'react', 'classnames', 'react-dom', 'react-popper'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.inno = {}, global.React, global.classNames, global.ReactDOM, global.ReactPopper));
})(this, (function (exports, React, classNames, ReactDOM, reactPopper) { 'use strict';
function _interopNamespaceDefault(e) {
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
}
n.default = e;
return Object.freeze(n);
}
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
var colorToHex = function colorToHex(color) {
return getComputedStyle(document.documentElement).getPropertyValue("--".concat(color));
};
var css = /*#__PURE__*/Object.freeze({
__proto__: null,
colorToHex: colorToHex
});
function _callSuper$b(t, o, e) {
return o = _getPrototypeOf$c(o), _possibleConstructorReturn$c(t, _isNativeReflectConstruct$c() ? Reflect.construct(o, e || [], _getPrototypeOf$c(t).constructor) : o.apply(t, e));
}
function _isNativeReflectConstruct$c() {
try {
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
} catch (t) {}
return (_isNativeReflectConstruct$c = function () {
return !!t;
})();
}
function _iterableToArrayLimit$b(r, l) {
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (null != t) {
var e,
n,
i,
u,
a = [],
f = !0,
o = !1;
try {
if (i = (t = t.call(r)).next, 0 === l) {
if (Object(t) !== t) return;
f = !1;
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
} catch (r) {
o = !0, n = r;
} finally {
try {
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
} finally {
if (o) throw n;
}
}
return a;
}
}
function ownKeys$B(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function (r) {
return Object.getOwnPropertyDescriptor(e, r).enumerable;
})), t.push.apply(t, o);
}
return t;
}
function _objectSpread2(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) {
_defineProperty$E(e, r, t[r]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) {
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
});
}
return e;
}
function _regeneratorRuntime() {
_regeneratorRuntime = function () {
return e;
};
var t,
e = {},
r = Object.prototype,
n = r.hasOwnProperty,
o = Object.defineProperty || function (t, e, r) {
t[e] = r.value;
},
i = "function" == typeof Symbol ? Symbol : {},
a = i.iterator || "@@iterator",
c = i.asyncIterator || "@@asyncIterator",
u = i.toStringTag || "@@toStringTag";
function define(t, e, r) {
return Object.defineProperty(t, e, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}), t[e];
}
try {
define({}, "");
} catch (t) {
define = function (t, e, r) {
return t[e] = r;
};
}
function wrap(t, e, r, n) {
var i = e && e.prototype instanceof Generator ? e : Generator,
a = Object.create(i.prototype),
c = new Context(n || []);
return o(a, "_invoke", {
value: makeInvokeMethod(t, r, c)
}), a;
}
function tryCatch(t, e, r) {
try {
return {
type: "normal",
arg: t.call(e, r)
};
} catch (t) {
return {
type: "throw",
arg: t
};
}
}
e.wrap = wrap;
var h = "suspendedStart",
l = "suspendedYield",
f = "executing",
s = "completed",
y = {};
function Generator() {}
function GeneratorFunction() {}
function GeneratorFunctionPrototype() {}
var p = {};
define(p, a, function () {
return this;
});
var d = Object.getPrototypeOf,
v = d && d(d(values([])));
v && v !== r && n.call(v, a) && (p = v);
var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
function defineIteratorMethods(t) {
["next", "throw", "return"].forEach(function (e) {
define(t, e, function (t) {
return this._invoke(e, t);
});
});
}
function AsyncIterator(t, e) {
function invoke(r, o, i, a) {
var c = tryCatch(t[r], t, o);
if ("throw" !== c.type) {
var u = c.arg,
h = u.value;
return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
invoke("next", t, i, a);
}, function (t) {
invoke("throw", t, i, a);
}) : e.resolve(h).then(function (t) {
u.value = t, i(u);
}, function (t) {
return invoke("throw", t, i, a);
});
}
a(c.arg);
}
var r;
o(this, "_invoke", {
value: function (t, n) {
function callInvokeWithMethodAndArg() {
return new e(function (e, r) {
invoke(t, n, e, r);
});
}
return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
}
});
}
function makeInvokeMethod(e, r, n) {
var o = h;
return function (i, a) {
if (o === f) throw Error("Generator is already running");
if (o === s) {
if ("throw" === i) throw a;
return {
value: t,
done: !0
};
}
for (n.method = i, n.arg = a;;) {
var c = n.delegate;
if (c) {
var u = maybeInvokeDelegate(c, n);
if (u) {
if (u === y) continue;
return u;
}
}
if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
if (o === h) throw o = s, n.arg;
n.dispatchException(n.arg);
} else "return" === n.method && n.abrupt("return", n.arg);
o = f;
var p = tryCatch(e, r, n);
if ("normal" === p.type) {
if (o = n.done ? s : l, p.arg === y) continue;
return {
value: p.arg,
done: n.done
};
}
"throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
}
};
}
function maybeInvokeDelegate(e, r) {
var n = r.method,
o = e.iterator[n];
if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
var i = tryCatch(o, e.iterator, r.arg);
if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
var a = i.arg;
return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
}
function pushTryEntry(t) {
var e = {
tryLoc: t[0]
};
1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
}
function resetTryEntry(t) {
var e = t.completion || {};
e.type = "normal", delete e.arg, t.completion = e;
}
function Context(t) {
this.tryEntries = [{
tryLoc: "root"
}], t.forEach(pushTryEntry, this), this.reset(!0);
}
function values(e) {
if (e || "" === e) {
var r = e[a];
if (r) return r.call(e);
if ("function" == typeof e.next) return e;
if (!isNaN(e.length)) {
var o = -1,
i = function next() {
for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
return next.value = t, next.done = !0, next;
};
return i.next = i;
}
}
throw new TypeError(typeof e + " is not iterable");
}
return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
value: GeneratorFunctionPrototype,
configurable: !0
}), o(GeneratorFunctionPrototype, "constructor", {
value: GeneratorFunction,
configurable: !0
}), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
var e = "function" == typeof t && t.constructor;
return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
}, e.mark = function (t) {
return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
}, e.awrap = function (t) {
return {
__await: t
};
}, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
return this;
}), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
void 0 === i && (i = Promise);
var a = new AsyncIterator(wrap(t, r, n, o), i);
return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
return t.done ? t.value : a.next();
});
}, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
return this;
}), define(g, "toString", function () {
return "[object Generator]";
}), e.keys = function (t) {
var e = Object(t),
r = [];
for (var n in e) r.push(n);
return r.reverse(), function next() {
for (; r.length;) {
var t = r.pop();
if (t in e) return next.value = t, next.done = !1, next;
}
return next.done = !0, next;
};
}, e.values = values, Context.prototype = {
constructor: Context,
reset: function (e) {
if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
},
stop: function () {
this.done = !0;
var t = this.tryEntries[0].completion;
if ("throw" === t.type) throw t.arg;
return this.rval;
},
dispatchException: function (e) {
if (this.done) throw e;
var r = this;
function handle(n, o) {
return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
}
for (var o = this.tryEntries.length - 1; o >= 0; --o) {
var i = this.tryEntries[o],
a = i.completion;
if ("root" === i.tryLoc) return handle("end");
if (i.tryLoc <= this.prev) {
var c = n.call(i, "catchLoc"),
u = n.call(i, "finallyLoc");
if (c && u) {
if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
} else if (c) {
if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
} else {
if (!u) throw Error("try statement without catch or finally");
if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
}
}
}
},
abrupt: function (t, e) {
for (var r = this.tryEntries.length - 1; r >= 0; --r) {
var o = this.tryEntries[r];
if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
var i = o;
break;
}
}
i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
var a = i ? i.completion : {};
return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
},
complete: function (t, e) {
if ("throw" === t.type) throw t.arg;
return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
},
finish: function (t) {
for (var e = this.tryEntries.length - 1; e >= 0; --e) {
var r = this.tryEntries[e];
if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
}
},
catch: function (t) {
for (var e = this.tryEntries.length - 1; e >= 0; --e) {
var r = this.tryEntries[e];
if (r.tryLoc === t) {
var n = r.completion;
if ("throw" === n.type) {
var o = n.arg;
resetTryEntry(r);
}
return o;
}
}
throw Error("illegal catch attempt");
},
delegateYield: function (e, r, n) {
return this.delegate = {
iterator: values(e),
resultName: r,
nextLoc: n
}, "next" === this.method && (this.arg = t), y;
}
}, e;
}
function _toPrimitive$E(t, r) {
if ("object" != typeof t || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != typeof i) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
function _toPropertyKey$E(t) {
var i = _toPrimitive$E(t, "string");
return "symbol" == typeof i ? i : i + "";
}
function _typeof$I(o) {
"@babel/helpers - typeof";
return _typeof$I = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
return typeof o;
} : function (o) {
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
}, _typeof$I(o);
}
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
try {
var info = gen[key](arg);
var value = info.value;
} catch (error) {
reject(error);
return;
}
if (info.done) {
resolve(value);
} else {
Promise.resolve(value).then(_next, _throw);
}
}
function _asyncToGenerator(fn) {
return function () {
var self = this,
args = arguments;
return new Promise(function (resolve, reject) {
var gen = fn.apply(self, args);
function _next(value) {
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
}
function _throw(err) {
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
}
_next(undefined);
});
};
}
function _classCallCheck$f(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
function _defineProperties$f(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, _toPropertyKey$E(descriptor.key), descriptor);
}
}
function _createClass$f(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties$f(Constructor.prototype, protoProps);
if (staticProps) _defineProperties$f(Constructor, staticProps);
Object.defineProperty(Constructor, "prototype", {
writable: false
});
return Constructor;
}
function _defineProperty$E(obj, key, value) {
key = _toPropertyKey$E(key);
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function _extends$u() {
_extends$u = Object.assign ? Object.assign.bind() : function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends$u.apply(this, arguments);
}
function _inherits$c(subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function");
}
subClass.prototype = Object.create(superClass && superClass.prototype, {
constructor: {
value: subClass,
writable: true,
configurable: true
}
});
Object.defineProperty(subClass, "prototype", {
writable: false
});
if (superClass) _setPrototypeOf$c(subClass, superClass);
}
function _getPrototypeOf$c(o) {
_getPrototypeOf$c = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
return o.__proto__ || Object.getPrototypeOf(o);
};
return _getPrototypeOf$c(o);
}
function _setPrototypeOf$c(o, p) {
_setPrototypeOf$c = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
o.__proto__ = p;
return o;
};
return _setPrototypeOf$c(o, p);
}
function _objectWithoutPropertiesLoose$k(source, excluded) {
if (source == null) return {};
var target = {};
var sourceKeys = Object.keys(source);
var key, i;
for (i = 0; i < sourceKeys.length; i++) {
key = sourceKeys[i];
if (excluded.indexOf(key) >= 0) continue;
target[key] = source[key];
}
return target;
}
function _objectWithoutProperties$k(source, excluded) {
if (source == null) return {};
var target = _objectWithoutPropertiesLoose$k(source, excluded);
var key, i;
if (Object.getOwnPropertySymbols) {
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
for (i = 0; i < sourceSymbolKeys.length; i++) {
key = sourceSymbolKeys[i];
if (excluded.indexOf(key) >= 0) continue;
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
target[key] = source[key];
}
}
return target;
}
function _assertThisInitialized$c(self) {
if (self === void 0) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return self;
}
function _possibleConstructorReturn$c(self, call) {
if (call && (typeof call === "object" || typeof call === "function")) {
return call;
} else if (call !== void 0) {
throw new TypeError("Derived constructors may only return object or undefined");
}
return _assertThisInitialized$c(self);
}
function _slicedToArray$b(arr, i) {
return _arrayWithHoles$c(arr) || _iterableToArrayLimit$b(arr, i) || _unsupportedIterableToArray$j(arr, i) || _nonIterableRest$c();
}
function _toConsumableArray$b(arr) {
return _arrayWithoutHoles$b(arr) || _iterableToArray$c(arr) || _unsupportedIterableToArray$j(arr) || _nonIterableSpread$b();
}
function _arrayWithoutHoles$b(arr) {
if (Array.isArray(arr)) return _arrayLikeToArray$j(arr);
}
function _arrayWithHoles$c(arr) {
if (Array.isArray(arr)) return arr;
}
function _iterableToArray$c(iter) {
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
}
function _unsupportedIterableToArray$j(o, minLen) {
if (!o) return;
if (typeof o === "string") return _arrayLikeToArray$j(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);
if (n === "Object" && o.constructor) n = o.constructor.name;
if (n === "Map" || n === "Set") return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$j(o, minLen);
}
function _arrayLikeToArray$j(arr, len) {
if (len == null || len > arr.length) len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
return arr2;
}
function _nonIterableSpread$b() {
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _nonIterableRest$c() {
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _createForOfIteratorHelper(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
if (!it) {
if (Array.isArray(o) || (it = _unsupportedIterableToArray$j(o)) || allowArrayLike && o && typeof o.length === "number") {
if (it) o = it;
var i = 0;
var F = function () {};
return {
s: F,
n: function () {
if (i >= o.length) return {
done: true
};
return {
done: false,
value: o[i++]
};
},
e: function (e) {
throw e;
},
f: F
};
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var normalCompletion = true,
didErr = false,
err;
return {
s: function () {
it = it.call(o);
},
n: function () {
var step = it.next();
normalCompletion = step.done;
return step;
},
e: function (e) {
didErr = true;
err = e;
},
f: function () {
try {
if (!normalCompletion && it.return != null) it.return();
} finally {
if (didErr) throw err;
}
}
};
}
var placeholders = _defineProperty$E(_defineProperty$E({}, 'hh:mm', '--:--'), 'hh:mm AM', '--:-- AM');
var isPlaceholderPresent = function isPlaceholderPresent(placeholderChar, time) {
return time && time.includes(placeholderChar);
};
var isFormat12hour = function isFormat12hour(format) {
return format === 'hh:mm AM';
};
var get12hourFormat = function get12hourFormat(hours) {
var AMPM = hours < 12 ? 'AM' : 'PM';
var hrs = hours % 12 || 12;
return {
hrs: hrs,
AMPM: AMPM
};
};
var get24hourFormat = function get24hourFormat(hours, am_pm) {
var convertedHours = hours;
if (am_pm) {
if (am_pm === 'PM' && hours < 12) {
convertedHours = hours + 12;
} else if (am_pm === 'AM' && hours === 12) {
convertedHours = hours - 12;
}
return convertedHours;
}
return hours;
};
var translateToTime = function translateToTime(format, time) {
if (!time) return '';
if (typeof time === 'number') {
var timeObj = getTimeObjectFromNumber(format, time);
return translateToString$1(format, timeObj);
}
return time;
};
var getTimeObjectFromNumber = function getTimeObjectFromNumber(format, time) {
var d = new Date(time);
var hrs = d.getHours();
var hours = isFormat12hour(format) ? get12hourFormat(hrs).hrs : hrs;
var am_pm = isFormat12hour(format) ? get12hourFormat(hrs).AMPM : '';
var minutes = d.getMinutes();
var seconds = d.getSeconds();
return {
hours: hours,
minutes: minutes,
seconds: seconds,
am_pm: am_pm
};
};
var getTimeObjFromStr = function getTimeObjFromStr(format, time) {
var separator = ':';
var hours = 0;
var minutes = 0;
var len = format.length;
var timeLength = time.length;
var lastChars = format.substring(len - 2, len);
var is12hrFormat = lastChars === 'AM' || lastChars === 'PM';
var am_pm = is12hrFormat ? time.substring(timeLength - 2, timeLength) : '';
var timeFormat = is12hrFormat ? time.substring(0, timeLength - 3) : time;
var inputFormat = is12hrFormat ? format.substring(0, len - 3) : format;
var v = timeFormat.split(separator);
inputFormat.split(separator).forEach(function (f, i) {
switch (f) {
case 'hh':
hours = +v[i] || 0;
break;
case 'mm':
minutes = +v[i] || 0;
break;
}
});
return {
hours: hours,
minutes: minutes,
am_pm: am_pm
};
};
var getOutputTimeString = function getOutputTimeString(inputFormat, outputFormat, time) {
if (inputFormat === outputFormat) return time;
var _getTimeObjFromStr = getTimeObjFromStr(inputFormat, time),
hours = _getTimeObjFromStr.hours,
minutes = _getTimeObjFromStr.minutes,
am_pm = _getTimeObjFromStr.am_pm;
var AMPM = isFormat12hour(outputFormat) ? get12hourFormat(hours).AMPM : '';
var hrs = isFormat12hour(outputFormat) ? get12hourFormat(hours).hrs : get24hourFormat(hours, am_pm);
var timeStr = translateToString$1(outputFormat, {
minutes: minutes,
hours: hrs,
am_pm: AMPM
});
return timeStr;
};
var translateToString$1 = function translateToString(format, time) {
var hours = time.hours,
minutes = time.minutes,
am_pm = time.am_pm;
var separator = ':';
var timeFormat = format.split(' ');
var v = timeFormat[0].split(separator);
var val = '';
v.forEach(function (f, i) {
switch (f) {
case 'hh':
val += hours < 10 ? "0".concat(hours) : hours;
break;
case 'mm':
val += minutes < 10 ? "0".concat(minutes) : minutes;
break;
}
if (i !== f.length - 1) val += separator;
});
val += isFormat12hour(format) && am_pm ? " ".concat(am_pm) : '';
return val;
};
var isValid = function isValid(validators) {
for (var _len = arguments.length, value = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
value[_key - 1] = arguments[_key];
}
var iterator = Array.isArray(validators) ? validators : [validators];
return iterator.every(function (validator) {
return validator.apply(void 0, value);
});
};
var date$3 = function date(val, format) {
var validate = function validate(date, month, year) {
var monthLength = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Adjust for leap years
if (year % 400 == 0 || year % 100 != 0 && year % 4 == 0) monthLength[1] = 29;
// Check the range of the day
return month <= 12 && date <= monthLength[month - 1];
};
if (val) {
switch (format) {
case 'dd/mm/yyyy':
{
var p = val.split('/');
var _date = +p[0] || 1;
var month = +p[1] || 1;
var year = +p[2] || 1900;
return validate(_date, month, year);
}
case 'mm/dd/yyyy':
{
var _p = val.split('/');
var _date2 = +_p[1] || 1;
var _month = +_p[0] || 1;
var _year = +_p[2] || 1900;
return validate(_date2, _month, _year);
}
case 'yyyy/mm/dd':
{
var _p2 = val.split('/');
var _date3 = +_p2[2] || 1;
var _month2 = +_p2[1] || 1;
var _year2 = +_p2[0] || 1900;
return validate(_date3, _month2, _year2);
}
case 'dd-mm-yyyy':
{
var _p3 = val.split('-');
var _date4 = +_p3[0] || 1;
var _month3 = +_p3[1] || 1;
var _year3 = +_p3[2] || 1900;
return validate(_date4, _month3, _year3);
}
case 'mm-dd-yyyy':
{
var _p4 = val.split('-');
var _date5 = +_p4[1] || 1;
var _month4 = +_p4[0] || 1;
var _year4 = +_p4[2] || 1900;
return validate(_date5, _month4, _year4);
}
case 'yyyy-mm-dd':
{
var _p5 = val.split('-');
var _date6 = +_p5[2] || 1;
var _month5 = +_p5[1] || 1;
var _year5 = +_p5[0] || 1900;
return validate(_date6, _month5, _year5);
}
default:
return false;
}
}
return false;
};
var time$2 = function time(val, format) {
var _getTimeObjFromStr = getTimeObjFromStr(format, val),
hours = _getTimeObjFromStr.hours,
minutes = _getTimeObjFromStr.minutes;
var hoursCond = isFormat12hour(format) ? hours <= 12 : hours < 24;
return hoursCond && minutes <= 60;
};
var isNaturalNumber = function isNaturalNumber(val) {
if (typeof val === 'string' && /[^0-9]/.test(val) || typeof val === 'number' && (val <= 0 || val - Math.floor(val) !== 0)) {
return false;
}
return true;
};
var validators = /*#__PURE__*/Object.freeze({
__proto__: null,
date: date$3,
isNaturalNumber: isNaturalNumber,
isValid: isValid,
time: time$2
});
var date$2 = {
'dd/mm/yyyy': [/[0123]/, /\d/, '/', /[01]/, /\d/, '/', /\d/, /\d/, /\d/, /\d/],
'mm/dd/yyyy': [/[01]/, /\d/, '/', /[0123]/, /\d/, '/', /\d/, /\d/, /\d/, /\d/],
'yyyy/mm/dd': [/\d/, /\d/, /\d/, /\d/, '/', /[01]/, /\d/, '/', /[0123]/, /\d/],
'dd-mm-yyyy': [/[0123]/, /\d/, '-', /[01]/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
'mm-dd-yyyy': [/[01]/, /\d/, '-', /[0123]/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
'yyyy-mm-dd': [/\d/, /\d/, /\d/, /\d/, '-', /[01]/, /\d/, '-', /[0123]/, /\d/]
};
var rangeDate = {
'dd/mm/yyyy': [/[0123]/, /\d/, '/', /[01]/, /\d/, '/', /\d/, /\d/, /\d/, /\d/, ' ', '-', ' ', /[0123]/, /\d/, '/', /[01]/, /\d/, '/', /\d/, /\d/, /\d/, /\d/],
'mm/dd/yyyy': [/[01]/, /\d/, '/', /[0123]/, /\d/, '/', /\d/, /\d/, /\d/, /\d/, ' ', '-', ' ', /[01]/, /\d/, '/', /[0123]/, /\d/, '/', /\d/, /\d/, /\d/, /\d/],
'yyyy/mm/dd': [/\d/, /\d/, /\d/, /\d/, '/', /[01]/, /\d/, '/', /[0123]/, /\d/, ' ', '-', ' ', /\d/, /\d/, /\d/, /\d/, '/', /[01]/, /\d/, '/', /[0123]/, /\d/],
'dd-mm-yyyy': [/[0123]/, /\d/, '-', /[01]/, /\d/, '-', /\d/, /\d/, /\d/, /\d/, ' ', '-', ' ', /[0123]/, /\d/, '-', /[01]/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
'mm-dd-yyyy': [/[01]/, /\d/, '-', /[0123]/, /\d/, '-', /\d/, /\d/, /\d/, /\d/, ' ', '-', ' ', /[01]/, /\d/, '-', /[0123]/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
'yyyy-mm-dd': [/\d/, /\d/, /\d/, /\d/, '-', /[01]/, /\d/, '-', /[0123]/, /\d/, ' ', '-', ' ', /\d/, /\d/, /\d/, /\d/, '-', /[01]/, /\d/, '-', /[0123]/, /\d/]
};
var time$1 = _defineProperty$E(_defineProperty$E({}, 'hh:mm', [/[0-1-2]/, /\d/, ':', /[0-5]/, /\d/]), 'hh:mm AM', [/[0-1]/, /\d/, ':', /[0-5]/, /\d/, ' ', /[APap]/, 'M']);
var masks = /*#__PURE__*/Object.freeze({
__proto__: null,
date: date$2,
rangeDate: rangeDate,
time: time$1
});
var index = /*#__PURE__*/Object.freeze({
__proto__: null,
css: css,
masks: masks,
validators: validators
});
// export type DefaultProps<T> = T extends { defaultProps: any }
// ? T['defaultProps']
// : {};
// export type Props<T, U> = Omit<T, keyof U> & {
// [P in keyof T & keyof U]?: T[P];
// };
var extractBaseProps = function extractBaseProps(props) {
var baseProps = ['className', 'data-test'];
var basePropsObj = baseProps.reduce(function (acc, curr) {
return props[curr] ? _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty$E({}, curr, props[curr])) : _objectSpread2({}, acc);
}, {});
return basePropsObj;
};
var filterProps$1 = function filterProps(props, propsList, include) {
return Object.entries(props).filter(function (obj) {
return include ? propsList.includes(obj[0]) : !propsList.includes(obj[0]);
}).reduce(function (acc, curr) {
acc[curr[0]] = curr[1];
return acc;
}, {});
};
var AvatarContext = /*#__PURE__*/React__namespace.createContext({
size: 'regular',
appearance: 'secondary',
firstName: '',
lastName: ''
});
var AvatarProvider = AvatarContext.Provider;
var appearanceMapper = {
secondary: 'inverse',
primary: 'white',
alert: 'white',
accent2: 'white',
accent3: 'white',
warning: 'warning_darker',
success: 'success_darker',
accent1: 'accent1_darker',
accent4: 'accent4_darker'
};
var AvatarIcon = function AvatarIcon(props) {
var contextProp = React__namespace.useContext(AvatarContext);
var size = contextProp.size,
appearance = contextProp.appearance;
var iconSize = size === 'regular' ? 20 : 16;
var iconAppearance = appearance && appearanceMapper[appearance] || 'inverse';
return /*#__PURE__*/React__namespace.createElement(Icon, _extends$u({}, props, {
size: iconSize,
appearance: iconAppearance
}));
};
var sizeMapper = {
regular: 32,
tiny: 24
};
var AvatarImage = function AvatarImage(props) {
var children = props.children,
src = props.src;
var _React$useState = React__namespace.useState(false),
_React$useState2 = _slicedToArray$b(_React$useState, 2),
error = _React$useState2[0],
setError = _React$useState2[1];
var contextProp = React__namespace.useContext(AvatarContext);
var size = contextProp.size,
appearance = contextProp.appearance,
firstName = contextProp.firstName,
lastName = contextProp.lastName;
var baseProps = extractBaseProps(props);
var initials = "".concat(firstName ? firstName.trim()[0] : '').concat(lastName ? lastName.trim()[0] : '');
var imgSize = size && sizeMapper[size];
var TextClassNames = classNames(_defineProperty$E(_defineProperty$E({}, "Avatar-content--".concat(size), size), "Avatar-content--".concat(appearance), appearance));
var IconClassNames = classNames(_defineProperty$E({}, "Avatar-content--".concat(appearance), appearance));
var onError = function onError() {
setError(true);
};
if (children) {
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, children);
}
if (error) {
if (initials) {
return /*#__PURE__*/React__namespace.createElement(Text$1, _extends$u({
weight: "medium",
appearance: 'white',
className: TextClassNames
}, baseProps), initials);
}
return /*#__PURE__*/React__namespace.createElement(Icon, {
"data-test": "DesignSystem-Avatar--Icon",
name: "person",
size: size === 'regular' ? 20 : 16,
appearance: "white",
className: IconClassNames
});
}
return /*#__PURE__*/React__namespace.createElement("img", _extends$u({
"data-test": "DesignSystem-Image",
src: src,
alt: firstName
}, baseProps, {
height: imgSize,
width: imgSize,
onError: onError
}));
};
var initialsLength = 2;
var DefaultAppearance = 'secondary';
var colors = ['accent4', 'primary', 'accent3', 'alert', 'accent2', 'warning', 'accent1', 'success'];
var Avatar = function Avatar(props) {
var withTooltip = props.withTooltip,
tooltipPosition = props.tooltipPosition,
size = props.size,
children = props.children,
firstName = props.firstName,
lastName = props.lastName,
className = props.className,
appearance = props.appearance;
var baseProps = extractBaseProps(props);
var initials = children && typeof children === 'string' ? children.trim().slice(0, initialsLength) : "".concat(firstName ? firstName.trim()[0] : '').concat(lastName ? lastName.trim()[0] : '');
var tooltip = children && typeof children === 'string' ? children : "".concat(firstName || '', " ").concat(lastName || '') || '';
var AvatarAppearance = appearance || colors[(initials.charCodeAt(0) + (initials.charCodeAt(1) || 0)) % 8] || DefaultAppearance;
var AvatarClassNames = classNames(_defineProperty$E(_defineProperty$E(_defineProperty$E({
Avatar: true
}, "Avatar--".concat(size), size), "Avatar--".concat(AvatarAppearance), AvatarAppearance), 'Avatar--disabled', !initials || !withTooltip), className);
var TextClassNames = classNames(_defineProperty$E(_defineProperty$E({}, "Avatar-content--".concat(size), size), "Avatar-content--".concat(AvatarAppearance), AvatarAppearance));
var IconClassNames = classNames(_defineProperty$E({}, "Avatar-content--".concat(AvatarAppearance), AvatarAppearance));
var sharedProp = {
size: size,
firstName: firstName,
lastName: lastName,
appearance: AvatarAppearance
};
var renderAvatar = function renderAvatar() {
if (children && typeof children !== 'string') {
return /*#__PURE__*/React__namespace.createElement(AvatarProvider, {
value: sharedProp
}, /*#__PURE__*/React__namespace.createElement("span", _extends$u({
"data-test": "DesignSystem-Avatar"
}, baseProps, {
className: AvatarClassNames
}), children));
}
return /*#__PURE__*/React__namespace.createElement("span", _extends$u({
"data-test": "DesignSystem-Avatar"
}, baseProps, {
className: AvatarClassNames
}), initials && /*#__PURE__*/React__namespace.createElement(Text$1, {
weight: "medium",
appearance: 'white',
className: TextClassNames
}, initials), !initials && /*#__PURE__*/React__namespace.createElement(Icon, {
"data-test": "DesignSystem-Avatar--Icon",
name: "person",
size: size === 'regular' ? 20 : 16,
appearance: 'white',
className: IconClassNames
}));
};
var renderTooltip = function renderTooltip() {
if (withTooltip && initials) {
return /*#__PURE__*/React__namespace.createElement(Tooltip$1, {
tooltip: tooltip,
position: tooltipPosition,
triggerClass: 'flex-grow-0'
}, renderAvatar());
}
return renderAvatar();
};
return renderTooltip();
};
Avatar.displayName = 'Avatar';
Avatar.Icon = AvatarIcon;
Avatar.Image = AvatarImage;
Avatar.defaultProps = {
tooltipPosition: 'bottom',
withTooltip: false,
size: 'regular'
};
var AvatarCount = function AvatarCount(props) {
var hiddenAvatarCount = props.hiddenAvatarCount,
avatarStyle = props.avatarStyle,
size = props.size;
var ContentClass = classNames(_defineProperty$E(_defineProperty$E({}, "Avatar-content--secondary", true), "Avatar-content--tiny", size === 'tiny'));
var AvatarVariantsClass = classNames(_defineProperty$E(_defineProperty$E(_defineProperty$E(_defineProperty$E({
Avatar: true
}, "Avatar--regular", size === 'regular'), "Avatar--tiny", size === 'tiny'), "Avatar--secondary", true), 'Avatar--disabled', true));
return /*#__PURE__*/React__namespace.createElement("div", {
"data-test": "DesignSystem-AvatarGroup--TriggerAvatar",
className: "AvatarCount-wrapper",
style: avatarStyle
}, /*#__PURE__*/React__namespace.createElement("span", {
className: AvatarVariantsClass
}, /*#__PURE__*/React__namespace.createElement(Text$1, {
appearance: 'white',
className: ContentClass
}, "+".concat(hiddenAvatarCount))));
};
var Avatars = function Avatars(props) {
var avatarList = props.avatarList,
avatarStyle = props.avatarStyle,
tooltipPosition = props.tooltipPosition,
size = props.size;
var GroupClass = classNames(_defineProperty$E(_defineProperty$E(_defineProperty$E({}, "AvatarGroup-item", true), "AvatarGroup-item--tiny", size === 'tiny'), "AvatarGroup-item--regular", size === 'regular'));
var avatars = avatarList.map(function (item, index) {
var appearance = item.appearance,
firstName = item.firstName,
lastName = item.lastName;
return /*#__PURE__*/React__namespace.createElement("div", {
"data-test": "DesignSystem-AvatarGroup--Avatar",
className: GroupClass,
style: avatarStyle,
key: index
}, /*#__PURE__*/React__namespace.createElement(Avatar, {
size: size,
appearance: appearance,
firstName: firstName,
lastName: lastName,
withTooltip: true,
tooltipPosition: tooltipPosition
}));
});
return avatars;
};
var AvatarPopperBody = function AvatarPopperBody(props) {
var hiddenAvatarList = props.hiddenAvatarList,
popperRenderer = props.popperRenderer,
maxHeight = props.maxHeight,
dark = props.dark;
if (popperRenderer) {
return popperRenderer(hiddenAvatarList);
}
return /*#__PURE__*/React__namespace.createElement("div", {
className: "py-6 pr-4 pl-6"
}, /*#__PURE__*/React__namespace.createElement("div", {
className: "AvatarGroup-TextWrapper",
style: {
maxHeight: maxHeight
}
}, hiddenAvatarList.map(function (item, ind) {
var _item$firstName = item.firstName,
firstName = _item$firstName === void 0 ? '' : _item$firstName,
_item$lastName = item.lastName,
lastName = _item$lastName === void 0 ? '' : _item$lastName;
var name = "".concat(firstName, " ").concat(lastName);
var AvatarTextClass = classNames(_defineProperty$E({}, "mb-5", ind < hiddenAvatarList.length - 1));
return /*#__PURE__*/React__namespace.createElement(Text$1, {
key: ind,
appearance: dark ? 'white' : 'default',
className: AvatarTextClass,
"data-test": "DesignSystem-AvatarGroup--Text"
}, name);
})));
};
var AvatarGroup = function AvatarGroup(props) {
var max = props.max,
borderColor = props.borderColor,
popoverOptions = props.popoverOptions,
tooltipPosition = props.tooltipPosition,
list = props.list,
className = props.className,
size = props.size;
var popperRenderer = popoverOptions.popperRenderer,
_popoverOptions$maxHe = popoverOptions.maxHeight,
maxHeight = _popoverOptions$maxHe === void 0 ? 150 : _popoverOptions$maxHe,
_popoverOptions$posit = popoverOptions.position,
position = _popoverOptions$posit === void 0 ? 'bottom' : _popoverOptions$posit,
_popoverOptions$on = popoverOptions.on,
on = _popoverOptions$on === void 0 ? 'hover' : _popoverOptions$on,
_popoverOptions$dark = popoverOptions.dark,
dark = _popoverOptions$dark === void 0 ? true : _popoverOptions$dark,
_popoverOptions$appen = popoverOptions.appendToBody,
appendToBody = _popoverOptions$appen === void 0 ? true : _popoverOptions$appen,
_popoverOptions$poppe = popoverOptions.popperClassName,
popperClassName = _popoverOptions$poppe === void 0 ? '' : _popoverOptions$poppe;
var baseProps = extractBaseProps(props);
var hiddenAvatarCount = list.length > max ? Math.min(list.length - max, 99) : 0;
var style = {
backgroundColor: "".concat(borderColor),
boxShadow: "0 0 0 calc(var(--spacing-xs) + var(--spacing-s)) ".concat(borderColor)
};
var tinyAvatarStyle = {
boxShadow: "0 0 0 var(--spacing-s) ".concat(borderColor)
};
var avatarStyle = size === 'tiny' ? _objectSpread2(_objectSpread2({}, style), tinyAvatarStyle) : style;
var AvatarGroupClass = classNames(_defineProperty$E({}, 'AvatarGroup', true), className);
var popperClass = classNames(_defineProperty$E({}, 'AvatarGroup-Popper', true), popperClassName);
return /*#__PURE__*/React__namespace.createElement("div", _extends$u({
"data-test": "DesignSystem-AvatarGroup"
}, baseProps, {
className: "".concat(AvatarGroupClass, " d-inline-flex")
}), /*#__PURE__*/React__namespace.createElement(Avatars, {
size: size,
avatarList: list.slice(0, max),
avatarStyle: avatarStyle,
tooltipPosition: tooltipPosition
}), list.length - max > 0 && /*#__PURE__*/React__namespace.createElement(Popover, {
on: on,
dark: dark,
trigger: /*#__PURE__*/React__namespace.createElement(AvatarCount, {
size: size,
hiddenAvatarCount: hiddenAvatarCount,
avatarStyle: avatarStyle
}),
position: position,
appendToBody: appendToBody,
className: popperClass,
offset: "medium"
}, /*#__PURE__*/React__namespace.createElement(AvatarPopperBody, {
hiddenAvatarList: list.slice(max, list.length),
popperRenderer: popperRenderer,
maxHeight: maxHeight,
dark: dark
})));
};
AvatarGroup.displayName = 'AvatarGroup';
AvatarGroup.defaultProps = {
max: 2,
tooltipPosition: 'bottom',
borderColor: 'white',
popoverOptions: {},
size: 'regular'
};
/**
* ### Note:
* ** The backdrop component is used to provide emphasis on a particular element or parts of it. <br/>**
* The backdrop signals to the user of a state change within the application and can be used for creating loaders, dialogs, and more. <br/>
* In its simplest form, the backdrop component will add a dimmed layer over your application.
*/
var Backdrop = function Backdrop(props) {
var useEffect = React__namespace.useEffect,
useState = React__namespace.useState;
var className = props.className;
var baseProps = extractBaseProps(props);
var _useState = useState(null),
_useState2 = _slicedToArray$b(_useState, 2),
savedBodyOverflow = _useState2[0],
setBodyOverflow = _useState2[1];
var _React$useState = React__namespace.useState(props.open),
_React$useState2 = _slicedToArray$b(_React$useState, 2),
open = _React$useState2[0],
setOpen = _React$useState2[1];
var _React$useState3 = React__namespace.useState(props.open),
_React$useState4 = _slicedToArray$b(_React$useState3, 2),
animate = _React$useState4[0],
setAnimate = _React$useState4[1];
var classes = classNames({
Backdrop: true,
'Backdrop--open': open,
'Backdrop-animation--open': animate,
'Backdrop-animation--close': !animate
}, className);
var disableBodyScroll = function disableBodyScroll() {
document.body.style.setProperty('overflow', 'hidden', 'important');
};
var enableBodyScroll = function enableBodyScroll() {
document.body.style.overflow = savedBodyOverflow || '';
setBodyOverflow(null);
};
useEffect(function () {
if (props.open) {
setBodyOverflow(document.body.style.overflow);
disableBodyScroll();
setOpen(true);
setAnimate(true);
}
if (!props.open) {
window.setTimeout(function () {
setOpen(false);
}, 120);
setAnimate(false);
enableBodyScroll();
}
return function () {
enableBodyScroll();
};
}, [props.open]);
var BackdropElement = /*#__PURE__*/ReactDOM__namespace.createPortal( /*#__PURE__*/React__namespace.createElement("div", _extends$u({
"data-test": "DesignSystem-Backdrop",
"data-layer": true,
"data-opened": open
}, baseProps, {
className: classes,
style: {
zIndex: props.zIndex
}
})), document.body);
return BackdropElement;
};
Backdrop.displayName = 'Backdrop';
var Badge = function Badge(props) {
var appearance = props.appearance,
children = props.children,
subtle = props.subtle,
className = props.className;
var baseProps = extractBaseProps(props);
var classes = classNames(_defineProperty$E(_defineProperty$E({
Badge: true
}, "Badge--".concat(appearance), appearance && !subtle), "Badge--subtle-".concat(appearance), subtle), className);
return /*#__PURE__*/React__namespace.createElement("span", _extends$u({
"data-test": "DesignSystem-Badge"
}, baseProps, {
className: classes
}), children);
};
Badge.displayName = 'Badge';
Badge.defaultProps = {
appearance: 'secondary'
};
var _excluded$Z = ["children", "componentType", "className"];
var GenericText = function GenericText(_ref) {
var children = _ref.children,
_ref$componentType = _ref.componentType,
componentType = _ref$componentType === void 0 ? 'span' : _ref$componentType,
className = _ref.className,
props = _objectWithoutProperties$k(_ref, _excluded$Z);
return /*#__PURE__*/React__namespace.createElement(componentType, _objectSpread2(_objectSpread2({}, props), {}, {
className: className
}), children);
};
var Re