datastake-daf 0.6.195 → 0.6.196
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.js +179 -295
- package/dist/utils/index.js +3 -0
- package/package.json +1 -1
- package/src/@daf/core/components/Dashboard/Widget/CarouselWidget/index.jsx +1 -4
- package/src/@daf/core/components/Dashboard/Widget/ProjectWidget/index.jsx +77 -79
- package/src/@daf/core/components/Dashboard/Widget/WidgetCard/WidgetCard.stories.js +143 -19
- package/src/@daf/core/components/Dashboard/Widget/WidgetCard/WidgetCardContainer.jsx +79 -0
- package/src/@daf/core/components/Dashboard/Widget/WidgetCard/index.js +68 -28
- package/src/@daf/core/components/Dashboard/Widget/WidgetCard/style.js +24 -1
- package/src/@daf/core/components/Dashboard/Widget/WidgetPlaceholder/WidgetPlaceholder.stories.js +0 -1
- package/src/@daf/core/components/Dashboard/Widget/WidgetPlaceholder/_style.scss +1 -1
- package/src/@daf/core/components/Dashboard/Widget/WidgetPlaceholder/index.jsx +2 -7
- package/src/@daf/core/components/Table/StickyTable/index.jsx +71 -75
- package/src/constants/locales/en/translation.js +1 -0
- package/src/constants/locales/fr/translation.js +1 -0
- package/src/constants/locales/sp/translation.js +1 -0
- package/.env +0 -8
- package/.vscode/settings.json +0 -13
- package/src/@daf/core/components/Dashboard/Widget/ScrollWidget/ScrollWidget.stories.jsx +0 -39
- package/src/@daf/core/components/Dashboard/Widget/ScrollWidget/index.jsx +0 -22
package/dist/components/index.js
CHANGED
|
@@ -3152,7 +3152,7 @@ const config$3 = {
|
|
|
3152
3152
|
Certificate: config$4
|
|
3153
3153
|
};
|
|
3154
3154
|
|
|
3155
|
-
const _excluded$
|
|
3155
|
+
const _excluded$v = ["width", "height", "size", "name", "fill"];
|
|
3156
3156
|
const CustomIcon = _ref => {
|
|
3157
3157
|
let {
|
|
3158
3158
|
width = 14,
|
|
@@ -3161,7 +3161,7 @@ const CustomIcon = _ref => {
|
|
|
3161
3161
|
name = "",
|
|
3162
3162
|
fill = "none"
|
|
3163
3163
|
} = _ref,
|
|
3164
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
3164
|
+
props = _objectWithoutProperties(_ref, _excluded$v);
|
|
3165
3165
|
const conf = config$3[name];
|
|
3166
3166
|
if (conf) {
|
|
3167
3167
|
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({}, props), {}, {
|
|
@@ -9363,7 +9363,7 @@ createCommonjsModule(function (module, exports) {
|
|
|
9363
9363
|
!function(e,n){module.exports=n();}(commonjsGlobal,(function(){return {name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var n=["th","st","nd","rd"],t=e%100;return "["+e+(n[(t-20)%10]||n[t]||n[0])+"]"}}}));
|
|
9364
9364
|
});
|
|
9365
9365
|
|
|
9366
|
-
const _excluded$
|
|
9366
|
+
const _excluded$u = ["view", "module", "scope", "form", "meta"];
|
|
9367
9367
|
dayjs__default["default"].extend(customParseFormat);
|
|
9368
9368
|
dayjs__default["default"].extend(utc);
|
|
9369
9369
|
dayjs__default["default"].extend(utc);
|
|
@@ -9737,7 +9737,7 @@ const filterCreateData = data => {
|
|
|
9737
9737
|
form,
|
|
9738
9738
|
meta
|
|
9739
9739
|
} = data,
|
|
9740
|
-
rest = _objectWithoutProperties(data, _excluded$
|
|
9740
|
+
rest = _objectWithoutProperties(data, _excluded$u);
|
|
9741
9741
|
const _meta = isObjectEmpty(meta) ? undefined : meta;
|
|
9742
9742
|
return _objectSpread2(_objectSpread2({}, rest), {}, {
|
|
9743
9743
|
meta: _meta
|
|
@@ -10116,7 +10116,7 @@ SelectFilters.propTypes = {
|
|
|
10116
10116
|
apiUrl: PropTypes__default["default"].string
|
|
10117
10117
|
};
|
|
10118
10118
|
|
|
10119
|
-
const _excluded$
|
|
10119
|
+
const _excluded$t = ["columns", "data", "defaultFilters", "style", "pagination", "loading", "onChange", "onFilterChange", "selectOptions", "filtersConfig", "rowSelection", "setShowFilters", "rowKey", "showFilters", "hideOnLoading", "sourcesKey", "className", "projects", "t", "selectedProject", "sourceId", "projectSources", "language", "scrollX", "apiUrl", "app", "doEmptyRows"];
|
|
10120
10120
|
function DAFTable(_ref) {
|
|
10121
10121
|
let {
|
|
10122
10122
|
columns = [],
|
|
@@ -10147,7 +10147,7 @@ function DAFTable(_ref) {
|
|
|
10147
10147
|
app,
|
|
10148
10148
|
doEmptyRows
|
|
10149
10149
|
} = _ref,
|
|
10150
|
-
rest = _objectWithoutProperties(_ref, _excluded$
|
|
10150
|
+
rest = _objectWithoutProperties(_ref, _excluded$t);
|
|
10151
10151
|
const [source, setSource] = React.useState([]);
|
|
10152
10152
|
const projectData = (projects || []).find(p => p.id === selectedProject);
|
|
10153
10153
|
const [filtersInit, setFiltersInit] = React.useState(!loading);
|
|
@@ -10990,8 +10990,8 @@ var unitlessKeys = {
|
|
|
10990
10990
|
|
|
10991
10991
|
var f="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",m="active",y="data-styled-version",v="6.1.12",g="/*!sc*/\n",S="undefined"!=typeof window&&"HTMLElement"in window,w=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),E=/invalid hook call/i,N=new Set,P=function(t,n){if("production"!==process.env.NODE_ENV){var o=n?' with the id of "'.concat(n,'"'):"",s="The component ".concat(t).concat(o," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];E.test(t)?(a=!1,N.delete(s)):i.apply(void 0,__spreadArray([t],n,!1));},React.useRef(),a&&!N.has(s)&&(console.warn(s),N.add(s));}catch(e){E.test(e.message)&&N.delete(s);}finally{console.error=i;}}},_=Object.freeze([]),C=Object.freeze({});function I(e,t,n){return void 0===n&&(n=C),e.theme!==n.theme&&e.theme||t||n.theme}var A=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),O=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,D=/(^-|-$)/g;function R(e){return e.replace(O,"-").replace(D,"")}var T=/(a)(d)/gi,k=52,j=function(e){return String.fromCharCode(e+(e>25?39:97))};function x(e){var t,n="";for(t=Math.abs(e);t>k;t=t/k|0)n=j(t%k)+n;return (j(t%k)+n).replace(T,"$1-$2")}var V,F=5381,M=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},z=function(e){return M(F,e)};function $(e){return x(z(e)>>>0)}function B(e){return "production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function L$1(e){return "string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var G="function"==typeof Symbol&&Symbol.for,Y=G?Symbol.for("react.memo"):60115,W=G?Symbol.for("react.forward_ref"):60112,q={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},H={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},U={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},J=((V={})[W]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},V[Y]=U,V);function X(e){return ("type"in(t=e)&&t.type.$$typeof)===Y?U:"$$typeof"in e?J[e.$$typeof]:q;var t;}var Z=Object.defineProperty,K=Object.getOwnPropertyNames,Q=Object.getOwnPropertySymbols,ee=Object.getOwnPropertyDescriptor,te=Object.getPrototypeOf,ne=Object.prototype;function oe(e,t,n){if("string"!=typeof t){if(ne){var o=te(t);o&&o!==ne&&oe(e,o,n);}var r=K(t);Q&&(r=r.concat(Q(t)));for(var s=X(e),i=X(t),a=0;a<r.length;++a){var c=r[a];if(!(c in H||n&&n[c]||i&&c in i||s&&c in s)){var l=ee(t,c);try{Z(e,c,l);}catch(e){}}}}return e}function re(e){return "function"==typeof e}function se(e){return "object"==typeof e&&"styledComponentId"in e}function ie(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ae(e,t){if(0===e.length)return "";for(var n=e[0],o=1;o<e.length;o++)n+=t?t+e[o]:e[o];return n}function ce(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function le(e,t,n){if(void 0===n&&(n=!1),!n&&!ce(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=le(e[o],t[o]);else if(ce(t))for(var o in t)e[o]=le(e[o],t[o]);return e}function ue(e,t){Object.defineProperty(e,"toString",{value:t});}var pe="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function de(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],o=[],r=1,s=e.length;r<s;r+=1)o.push(e[r]);return o.forEach(function(e){n=n.replace(/%[a-z]/,e);}),n}function he(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];return "production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t," for more information.").concat(n.length>0?" Args: ".concat(n.join(", ")):"")):new Error(de.apply(void 0,__spreadArray([pe[t]],n,!1)).trim())}var fe=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e;}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,r=o;e>=r;)if((r<<=1)<0)throw he(16,"".concat(e));this.groupSizes=new Uint32Array(r),this.groupSizes.set(n),this.length=r;for(var s=o;s<r;s++)this.groupSizes[s]=0;}for(var i=this.indexOfGroup(e+1),a=(s=0,t.length);s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++);},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(var r=n;r<o;r++)this.tag.deleteRule(n);}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],o=this.indexOfGroup(e),r=o+n,s=o;s<r;s++)t+="".concat(this.tag.getRule(s)).concat(g);return t},e}(),me=1<<30,ye=new Map,ve=new Map,ge=1,Se=function(e){if(ye.has(e))return ye.get(e);for(;ve.has(ge);)ge++;var t=ge++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>me))throw he(16,"".concat(t));return ye.set(e,t),ve.set(t,e),t},we=function(e,t){ge=t+1,ye.set(e,t),ve.set(t,e);},be="style[".concat(f,"][").concat(y,'="').concat(v,'"]'),Ee=new RegExp("^".concat(f,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Ne=function(e,t,n){for(var o,r=n.split(","),s=0,i=r.length;s<i;s++)(o=r[s])&&e.registerName(t,o);},Pe=function(e,t){for(var n,o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(g),r=[],s=0,i=o.length;s<i;s++){var a=o[s].trim();if(a){var c=a.match(Ee);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(we(u,l),Ne(e,u,c[3]),e.getTag().insertRules(l,r)),r.length=0;}else r.push(a);}}},_e=function(e){for(var t=document.querySelectorAll(be),n=0,o=t.length;n<o;n++){var r=t[n];r&&r.getAttribute(f)!==m&&(Pe(e,r),r.parentNode&&r.parentNode.removeChild(r));}};function Ce(){return "undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var Ie=function(e){var t=document.head,n=e||t,o=document.createElement("style"),r=function(e){var t=Array.from(e.querySelectorAll("style[".concat(f,"]")));return t[t.length-1]}(n),s=void 0!==r?r.nextSibling:null;o.setAttribute(f,m),o.setAttribute(y,v);var i=Ce();return i&&o.setAttribute("nonce",i),n.insertBefore(o,s),o},Ae=function(){function e(e){this.element=Ie(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,o=t.length;n<o;n++){var r=t[n];if(r.ownerNode===e)return r}throw he(17)}(this.element),this.length=0;}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return !1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--;},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),Oe=function(){function e(e){this.element=Ie(e),this.nodes=this.element.childNodes,this.length=0;}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return !1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),De=function(){function e(e){this.rules=[],this.length=0;}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),Re=S,Te={isServer:!S,useCSSOMInjection:!w},ke=function(){function e(e,n,o){void 0===e&&(e=C),void 0===n&&(n={});var r=this;this.options=__assign(__assign({},Te),e),this.gs=n,this.names=new Map(o),this.server=!!e.isServer,!this.server&&S&&Re&&(Re=!1,_e(this)),ue(this,function(){return function(e){for(var t=e.getTag(),n=t.length,o="",r=function(n){var r=function(e){return ve.get(e)}(n);if(void 0===r)return "continue";var s=e.names.get(r),i=t.getGroup(n);if(void 0===s||!s.size||0===i.length)return "continue";var a="".concat(f,".g").concat(n,'[id="').concat(r,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","));}),o+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat(g);},s=0;s<n;s++)r(s);return o}(r)});}return e.registerId=function(e){return Se(e)},e.prototype.rehydrate=function(){!this.server&&S&&_e(this);},e.prototype.reconstructWithOptions=function(n,o){return void 0===o&&(o=!0),new e(__assign(__assign({},this.options),n),this.gs,o&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new De(n):t?new Ae(n):new Oe(n)}(this.options),new fe(e)));var e;},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(Se(e),this.names.has(e))this.names.get(e).add(t);else {var n=new Set;n.add(t),this.names.set(e,n);}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(Se(e),n);},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear();},e.prototype.clearRules=function(e){this.getTag().clearGroup(Se(e)),this.clearNames(e);},e.prototype.clearTag=function(){this.tag=void 0;},e}(),je=/&/g,xe=/^\s*\/\/.*$/gm;function Ve(e,t){return e.map(function(e){return "rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map(function(e){return "".concat(t," ").concat(e)})),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=Ve(e.children,t)),e})}function Fe(e){var t,n,o,r=void 0===e?C:e,s=r.options,i=void 0===s?C:s,a=r.plugins,c$1=void 0===a?_:a,l=function(e,o,r){return r.startsWith(n)&&r.endsWith(n)&&r.replaceAll(n,"").length>0?".".concat(t):e},u=c$1.slice();u.push(function(e){e.type===c&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(je,n).replace(o,l));}),i.prefix&&u.push(de$1),u.push(he$1);var p=function(e,r,s,a){void 0===r&&(r=""),void 0===s&&(s=""),void 0===a&&(a="&"),t=a,n=r,o=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(xe,""),l=ue$1(s||r?"".concat(s," ").concat(r," { ").concat(c," }"):c);i.namespace&&(l=Ve(l,i.namespace));var p=[];return pe$1(l,be$1(u.concat(we$1(function(e){return p.push(e)})))),p};return p.hash=c$1.length?c$1.reduce(function(e,t){return t.name||he(15),M(e,t.name)},F).toString():"",p}var Me=new ke,ze=Fe(),$e=React__default["default"].createContext({shouldForwardProp:void 0,styleSheet:Me,stylis:ze});$e.Consumer;React__default["default"].createContext(void 0);function Ge(){return React.useContext($e)}var We=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=ze);var o=n.name+t.hash;e.hasNameForId(n.id,o)||e.insertRules(n.id,o,t(n.rules,o,"@keyframes"));},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,ue(this,function(){throw he(12,String(n.name))});}return e.prototype.getName=function(e){return void 0===e&&(e=ze),this.name+e.hash},e}(),qe=function(e){return e>="A"&&e<="Z"};function He(e){for(var t="",n=0;n<e.length;n++){var o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;qe(o)?t+="-"+o.toLowerCase():t+=o;}return t.startsWith("ms-")?"-"+t:t}var Ue=function(e){return null==e||!1===e||""===e},Je=function(t){var n,o,r=[];for(var s in t){var i=t[s];t.hasOwnProperty(s)&&!Ue(i)&&(Array.isArray(i)&&i.isCss||re(i)?r.push("".concat(He(s),":"),i,";"):ce(i)?r.push.apply(r,__spreadArray(__spreadArray(["".concat(s," {")],Je(i),!1),["}"],!1)):r.push("".concat(He(s),": ").concat((n=s,null==(o=i)||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||n in unitlessKeys||n.startsWith("--")?String(o).trim():"".concat(o,"px")),";")));}return r};function Xe(e,t,n,o){if(Ue(e))return [];if(se(e))return [".".concat(e.styledComponentId)];if(re(e)){if(!re(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return [e];var r=e(t);return "production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||r instanceof We||ce(r)||null===r||console.error("".concat(B(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Xe(r,t,n,o)}var s;return e instanceof We?n?(e.inject(n,o),[e.getName(o)]):[e]:ce(e)?Je(e):Array.isArray(e)?Array.prototype.concat.apply(_,e.map(function(e){return Xe(e,t,n,o)})):[e.toString()]}function Ze(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(re(n)&&!se(n))return !1}return !0}var Ke=z(v),Qe=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Ze(e),this.componentId=t,this.baseHash=M(Ke,t),this.baseStyle=n,ke.registerId(t);}return e.prototype.generateAndInjectStyles=function(e,t,n){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))o=ie(o,this.staticRulesId);else {var r=ae(Xe(this.rules,e,t,n)),s=x(M(this.baseHash,r)>>>0);if(!t.hasNameForId(this.componentId,s)){var i=n(r,".".concat(s),void 0,this.componentId);t.insertRules(this.componentId,s,i);}o=ie(o,s),this.staticRulesId=s;}else {for(var a=M(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process.env.NODE_ENV&&(a=M(a,u));else if(u){var p=ae(Xe(u,e,t,n));a=M(a,p+l),c+=p;}}if(c){var d=x(a>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),o=ie(o,d);}}return o},e}(),et=React__default["default"].createContext(void 0);et.Consumer;var rt={},st=new Set;function it(e,r,s){var i=se(e),a=e,c=!L$1(e),p=r.attrs,d=void 0===p?_:p,h=r.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":R(e);rt[n]=(rt[n]||0)+1;var o="".concat(n,"-").concat($(v+n+rt[n]));return t?"".concat(t,"-").concat(o):o}(r.displayName,r.parentComponentId):h,m=r.displayName,y=void 0===m?function(e){return L$1(e)?"styled.".concat(e):"Styled(".concat(B(e),")")}(e):m,g=r.displayName&&r.componentId?"".concat(R(r.displayName),"-").concat(r.componentId):r.componentId||f,S=i&&a.attrs?a.attrs.concat(d).filter(Boolean):d,w=r.shouldForwardProp;if(i&&a.shouldForwardProp){var b=a.shouldForwardProp;if(r.shouldForwardProp){var E=r.shouldForwardProp;w=function(e,t){return b(e,t)&&E(e,t)};}else w=b;}var N=new Qe(s,g,i?a.componentStyle:void 0);function O(e,r){return function(e,r,s){var i=e.attrs,a=e.componentStyle,c=e.defaultProps,p=e.foldedComponentIds,d=e.styledComponentId,h=e.target,f=React__default["default"].useContext(et),m=Ge(),y=e.shouldForwardProp||m.shouldForwardProp;"production"!==process.env.NODE_ENV&&React.useDebugValue(d);var v=I(r,f,c)||C,g=function(e,n,o){for(var r,s=__assign(__assign({},n),{className:void 0,theme:o}),i=0;i<e.length;i+=1){var a=re(r=e[i])?r(s):r;for(var c in a)s[c]="className"===c?ie(s[c],a[c]):"style"===c?__assign(__assign({},s[c]),a[c]):a[c];}return n.className&&(s.className=ie(s.className,n.className)),s}(i,r,v),S=g.as||h,w={};for(var b in g)void 0===g[b]||"$"===b[0]||"as"===b||"theme"===b&&g.theme===v||("forwardedAs"===b?w.as=g.forwardedAs:y&&!y(b,S)||(w[b]=g[b],y||"development"!==process.env.NODE_ENV||isPropValid(b)||st.has(b)||!A.has(S)||(st.add(b),console.warn('styled-components: it looks like an unknown prop "'.concat(b,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var E=function(e,t){var n=Ge(),o=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return "production"!==process.env.NODE_ENV&&React.useDebugValue(o),o}(a,g);"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(E);var N=ie(p,d);return E&&(N+=" "+E),g.className&&(N+=" "+g.className),w[L$1(S)&&!A.has(S)?"class":"className"]=N,w.ref=s,React.createElement(S,w)}(D,e,r)}O.displayName=y;var D=React__default["default"].forwardRef(O);return D.attrs=S,D.componentStyle=N,D.displayName=y,D.shouldForwardProp=w,D.foldedComponentIds=i?ie(a.foldedComponentIds,a.styledComponentId):"",D.styledComponentId=g,D.target=i?a.target:e,Object.defineProperty(D,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var o=0,r=t;o<r.length;o++)le(e,r[o],!0);return e}({},a.defaultProps,e):e;}}),"production"!==process.env.NODE_ENV&&(P(y,g),D.warnTooManyClasses=function(e,t){var n={},o=!1;return function(r){if(!o&&(n[r]=!0,Object.keys(n).length>=200)){var s=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(s,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))`width: 100%;`\n\n <Component />"),o=!0,n={};}}}(y,g)),ue(D,function(){return ".".concat(D.styledComponentId)}),c&&oe(D,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),D}function at(e,t){for(var n=[e[0]],o=0,r=t.length;o<r;o+=1)n.push(t[o],e[o+1]);return n}var ct=function(e){return Object.assign(e,{isCss:!0})};function lt(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];if(re(t)||ce(t))return ct(Xe(at(_,__spreadArray([t],n,!0))));var r=t;return 0===n.length&&1===r.length&&"string"==typeof r[0]?Xe(r):ct(Xe(at(r,n)))}function ut(n,o,r){if(void 0===r&&(r=C),!o)throw he(1,o);var s=function(t){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return n(o,r,lt.apply(void 0,__spreadArray([t],s,!1)))};return s.attrs=function(e){return ut(n,o,__assign(__assign({},r),{attrs:Array.prototype.concat(r.attrs,e).filter(Boolean)}))},s.withConfig=function(e){return ut(n,o,__assign(__assign({},r),e))},s}var pt=function(e){return ut(it,e)},dt=pt;A.forEach(function(e){dt[e]=pt(e);});"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var St="__sc-".concat(f,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[St]||(window[St]=0),1===window[St]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[St]+=1);
|
|
10992
10992
|
|
|
10993
|
-
var _templateObject$
|
|
10994
|
-
const Style$J = dt.div(_templateObject$
|
|
10993
|
+
var _templateObject$d;
|
|
10994
|
+
const Style$J = dt.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\n\t.p-placeholder {\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tleft: 0px;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: transparent;\n\t\tz-index: 100;\n\t}\n"])));
|
|
10995
10995
|
|
|
10996
10996
|
/**
|
|
10997
10997
|
* ComponentWithFocus
|
|
@@ -11063,11 +11063,11 @@ function ComponentWithFocus(_ref) {
|
|
|
11063
11063
|
});
|
|
11064
11064
|
}
|
|
11065
11065
|
|
|
11066
|
-
var _templateObject$
|
|
11067
|
-
const _excluded$
|
|
11066
|
+
var _templateObject$c;
|
|
11067
|
+
const _excluded$s = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
|
|
11068
11068
|
function StickyTable(_ref) {
|
|
11069
11069
|
let {
|
|
11070
|
-
size =
|
|
11070
|
+
size = null,
|
|
11071
11071
|
maxHeight = 300,
|
|
11072
11072
|
containerHeight = 525,
|
|
11073
11073
|
dataSource = [],
|
|
@@ -11075,11 +11075,8 @@ function StickyTable(_ref) {
|
|
|
11075
11075
|
pagination = false,
|
|
11076
11076
|
doEmptyRows = true
|
|
11077
11077
|
} = _ref,
|
|
11078
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
11078
|
+
props = _objectWithoutProperties(_ref, _excluded$s);
|
|
11079
11079
|
const data = React__default["default"].useMemo(() => {
|
|
11080
|
-
if (!doEmptyRows) {
|
|
11081
|
-
return dataSource;
|
|
11082
|
-
}
|
|
11083
11080
|
const MIN_ROWS = 4;
|
|
11084
11081
|
if (dataSource.length < MIN_ROWS) {
|
|
11085
11082
|
const paddedData = [...dataSource];
|
|
@@ -11091,7 +11088,7 @@ function StickyTable(_ref) {
|
|
|
11091
11088
|
return paddedData;
|
|
11092
11089
|
}
|
|
11093
11090
|
return dataSource;
|
|
11094
|
-
}, [dataSource
|
|
11091
|
+
}, [dataSource]);
|
|
11095
11092
|
const Wrapper = React__default["default"].useMemo(() => {
|
|
11096
11093
|
return data.length > 5 ? ComponentWithFocus : "div";
|
|
11097
11094
|
}, [data.length]);
|
|
@@ -11121,7 +11118,7 @@ function StickyTable(_ref) {
|
|
|
11121
11118
|
})
|
|
11122
11119
|
});
|
|
11123
11120
|
}
|
|
11124
|
-
const Style$I = dt.div(_templateObject$
|
|
11121
|
+
const Style$I = dt.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n max-width: calc(100% - 48px);\n margin-left: var(--size-lg);\n overflow: hidden;\n\n .daf-table {\n padding: 0px;\n margin-top: 0px;\n\n .ant-tag {\n text-align: center;\n }\n }\n\n .daf-select-filters .filters {\n padding-top: 16px;\n padding-left: 0;\n padding-right: 0;\n }\n\n .daf-table {\n padding-top: 16px;\n }\n"])));
|
|
11125
11122
|
StickyTable.propTypes = {
|
|
11126
11123
|
size: PropTypes__default["default"].any,
|
|
11127
11124
|
maxHeight: PropTypes__default["default"].number,
|
|
@@ -11571,7 +11568,7 @@ const BTN_SIZE = {
|
|
|
11571
11568
|
LG: 'large'
|
|
11572
11569
|
};
|
|
11573
11570
|
|
|
11574
|
-
const _excluded$
|
|
11571
|
+
const _excluded$r = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
|
|
11575
11572
|
function DafButton(_ref) {
|
|
11576
11573
|
let {
|
|
11577
11574
|
content = '',
|
|
@@ -11585,7 +11582,7 @@ function DafButton(_ref) {
|
|
|
11585
11582
|
style = {},
|
|
11586
11583
|
className = ''
|
|
11587
11584
|
} = _ref,
|
|
11588
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
11585
|
+
restProps = _objectWithoutProperties(_ref, _excluded$r);
|
|
11589
11586
|
return /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({
|
|
11590
11587
|
icon: icon,
|
|
11591
11588
|
type: type,
|
|
@@ -11704,12 +11701,12 @@ const Style$H = dt.div`
|
|
|
11704
11701
|
}
|
|
11705
11702
|
`;
|
|
11706
11703
|
|
|
11707
|
-
const _excluded$
|
|
11704
|
+
const _excluded$q = ["children"];
|
|
11708
11705
|
const BorderedButton = _ref => {
|
|
11709
11706
|
let {
|
|
11710
11707
|
children
|
|
11711
11708
|
} = _ref,
|
|
11712
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
11709
|
+
props = _objectWithoutProperties(_ref, _excluded$q);
|
|
11713
11710
|
return /*#__PURE__*/jsxRuntime.jsx(Style$H, {
|
|
11714
11711
|
className: "d-btn-cont",
|
|
11715
11712
|
children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
@@ -11718,7 +11715,7 @@ const BorderedButton = _ref => {
|
|
|
11718
11715
|
});
|
|
11719
11716
|
};
|
|
11720
11717
|
|
|
11721
|
-
var _templateObject$
|
|
11718
|
+
var _templateObject$b;
|
|
11722
11719
|
const variantConfig = {
|
|
11723
11720
|
default: {
|
|
11724
11721
|
className: "default-badge",
|
|
@@ -11836,7 +11833,7 @@ function Badge(_ref) {
|
|
|
11836
11833
|
})
|
|
11837
11834
|
});
|
|
11838
11835
|
}
|
|
11839
|
-
const Style$G = dt.div(_templateObject$
|
|
11836
|
+
const Style$G = dt.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 4px;\n\tpadding: 4px;\n\tmax-width: 100%;\n\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\n\t> svg {\n\t\tflex-shrink: 0;\n\t}\n\n\t> span {\n\t\tall: unset;\n\t\tmargin-left: 4px;\n\t\tfont-weight: 600;\n\t\tfont-size: 12px;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t}\n"])));
|
|
11840
11837
|
Badge.propTypes = {
|
|
11841
11838
|
children: PropTypes__default["default"].node,
|
|
11842
11839
|
className: PropTypes__default["default"].string,
|
|
@@ -11849,12 +11846,12 @@ Badge.propTypes = {
|
|
|
11849
11846
|
props: PropTypes__default["default"].object
|
|
11850
11847
|
};
|
|
11851
11848
|
|
|
11852
|
-
const _excluded$
|
|
11849
|
+
const _excluded$p = ["icon"];
|
|
11853
11850
|
function GetIcon(_ref) {
|
|
11854
11851
|
let {
|
|
11855
11852
|
icon
|
|
11856
11853
|
} = _ref,
|
|
11857
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
11854
|
+
props = _objectWithoutProperties(_ref, _excluded$p);
|
|
11858
11855
|
let Icon = Icons__namespace.CloseOutlined;
|
|
11859
11856
|
if (Icons__namespace[icon]) {
|
|
11860
11857
|
Icon = Icons__namespace[icon];
|
|
@@ -12173,7 +12170,7 @@ GoToSelect.propTypes = {
|
|
|
12173
12170
|
t: PropTypes__default["default"].func
|
|
12174
12171
|
};
|
|
12175
12172
|
|
|
12176
|
-
const _excluded$
|
|
12173
|
+
const _excluded$o = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
|
|
12177
12174
|
const {
|
|
12178
12175
|
useToken: useToken$k
|
|
12179
12176
|
} = antd.theme;
|
|
@@ -12266,7 +12263,7 @@ function Multiselect(_ref) {
|
|
|
12266
12263
|
isSingle = false,
|
|
12267
12264
|
selectionType = SELECTION_TYPES.DEFAULT
|
|
12268
12265
|
} = _ref,
|
|
12269
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
12266
|
+
restProps = _objectWithoutProperties(_ref, _excluded$o);
|
|
12270
12267
|
const {
|
|
12271
12268
|
token
|
|
12272
12269
|
} = useToken$k();
|
|
@@ -12592,26 +12589,27 @@ function Loading(_ref) {
|
|
|
12592
12589
|
const {
|
|
12593
12590
|
Paragraph: Paragraph$1
|
|
12594
12591
|
} = antd.Typography;
|
|
12595
|
-
const useHeader =
|
|
12596
|
-
|
|
12597
|
-
|
|
12598
|
-
|
|
12599
|
-
|
|
12600
|
-
|
|
12601
|
-
|
|
12602
|
-
|
|
12603
|
-
|
|
12604
|
-
|
|
12605
|
-
|
|
12606
|
-
|
|
12607
|
-
|
|
12608
|
-
|
|
12609
|
-
|
|
12610
|
-
|
|
12611
|
-
|
|
12612
|
-
|
|
12613
|
-
|
|
12614
|
-
|
|
12592
|
+
const useHeader = _ref => {
|
|
12593
|
+
let {
|
|
12594
|
+
title = '',
|
|
12595
|
+
tooltip = '',
|
|
12596
|
+
supportText = '',
|
|
12597
|
+
tags = [],
|
|
12598
|
+
actionButtons: _actionButtons = [],
|
|
12599
|
+
titleTooltip,
|
|
12600
|
+
className,
|
|
12601
|
+
addedHeader = null,
|
|
12602
|
+
addedHeaderFirst,
|
|
12603
|
+
extraButtons: _extraButtons = [],
|
|
12604
|
+
onDownload,
|
|
12605
|
+
downloadDisabled,
|
|
12606
|
+
goBackTo,
|
|
12607
|
+
loading,
|
|
12608
|
+
renderExtraComponents,
|
|
12609
|
+
app = '',
|
|
12610
|
+
isViewMode = false,
|
|
12611
|
+
filtersConfig = {}
|
|
12612
|
+
} = _ref;
|
|
12615
12613
|
const [showFilters, setShowFilters] = React.useState(false);
|
|
12616
12614
|
const hasFilters = filtersConfig && Object.keys(filtersConfig).length > 0;
|
|
12617
12615
|
const downloadButtonAction = app && app === 'sbg' && isViewMode ? null : {
|
|
@@ -12648,9 +12646,9 @@ const useHeader = ({
|
|
|
12648
12646
|
const buttonCont = React.useRef();
|
|
12649
12647
|
const [mainContWidth, setMainContWidth] = React.useState(600);
|
|
12650
12648
|
const [buttonContWidth, setButtonContWidth] = React.useState(0);
|
|
12651
|
-
const hasSupportText = !!supportText
|
|
12652
|
-
const hasTags = !!tags
|
|
12653
|
-
const hasButtons = !!(actionButtons
|
|
12649
|
+
const hasSupportText = !!(supportText !== null && supportText !== void 0 && supportText.length);
|
|
12650
|
+
const hasTags = !!(tags !== null && tags !== void 0 && tags.length);
|
|
12651
|
+
const hasButtons = !!(actionButtons !== null && actionButtons !== void 0 && actionButtons.length || extraButtons !== null && extraButtons !== void 0 && extraButtons.length);
|
|
12654
12652
|
React.useEffect(() => {
|
|
12655
12653
|
const mainContObserver = new ResizeObserver(entries => {
|
|
12656
12654
|
const _mainEntry = entries[0];
|
|
@@ -12968,7 +12966,7 @@ DAFHeader.propTypes = {
|
|
|
12968
12966
|
filtersConfig: PropTypes__default["default"].any
|
|
12969
12967
|
};
|
|
12970
12968
|
|
|
12971
|
-
const _excluded$
|
|
12969
|
+
const _excluded$n = ["tabs", "onChange", "value", "className"];
|
|
12972
12970
|
function TabsHeader(_ref) {
|
|
12973
12971
|
let {
|
|
12974
12972
|
tabs = [],
|
|
@@ -12976,7 +12974,7 @@ function TabsHeader(_ref) {
|
|
|
12976
12974
|
value = '',
|
|
12977
12975
|
className = 'mt-2'
|
|
12978
12976
|
} = _ref,
|
|
12979
|
-
rest = _objectWithoutProperties(_ref, _excluded$
|
|
12977
|
+
rest = _objectWithoutProperties(_ref, _excluded$n);
|
|
12980
12978
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
12981
12979
|
className: formatClassname(['daf-tabs-header pl-6 pr-6', className]),
|
|
12982
12980
|
children: /*#__PURE__*/jsxRuntime.jsx(antd.Tabs, _objectSpread2({
|
|
@@ -13073,14 +13071,16 @@ DrawerHeader.propTypes = {
|
|
|
13073
13071
|
tabsConfig: PropTypes__default["default"].any
|
|
13074
13072
|
};
|
|
13075
13073
|
|
|
13076
|
-
const
|
|
13077
|
-
|
|
13078
|
-
|
|
13079
|
-
|
|
13080
|
-
|
|
13081
|
-
|
|
13082
|
-
|
|
13083
|
-
|
|
13074
|
+
const _excluded$m = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
|
|
13075
|
+
const useFooter = _ref => {
|
|
13076
|
+
let {
|
|
13077
|
+
leftContent,
|
|
13078
|
+
centerContent,
|
|
13079
|
+
rightContent,
|
|
13080
|
+
actionButtons,
|
|
13081
|
+
app,
|
|
13082
|
+
isViewMode
|
|
13083
|
+
} = _ref;
|
|
13084
13084
|
const renderFooterContent = React.useMemo(() => {
|
|
13085
13085
|
const FooterContent = () => /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
13086
13086
|
className: "daf-footer-content",
|
|
@@ -13096,18 +13096,18 @@ const useFooter = ({
|
|
|
13096
13096
|
className: "daf-footer-actions",
|
|
13097
13097
|
children: actionButtons.map((button, index) => {
|
|
13098
13098
|
const {
|
|
13099
|
-
|
|
13100
|
-
|
|
13101
|
-
|
|
13102
|
-
|
|
13103
|
-
|
|
13104
|
-
|
|
13105
|
-
|
|
13106
|
-
|
|
13107
|
-
|
|
13108
|
-
|
|
13109
|
-
|
|
13110
|
-
return /*#__PURE__*/jsxRuntime.jsx(DafButton, {
|
|
13099
|
+
label,
|
|
13100
|
+
onClick,
|
|
13101
|
+
icon,
|
|
13102
|
+
type = BTN_TYPES.PRIMARY,
|
|
13103
|
+
tooltip,
|
|
13104
|
+
disabled = false,
|
|
13105
|
+
loading = false,
|
|
13106
|
+
style = {},
|
|
13107
|
+
className = ""
|
|
13108
|
+
} = button,
|
|
13109
|
+
restProps = _objectWithoutProperties(button, _excluded$m);
|
|
13110
|
+
return /*#__PURE__*/jsxRuntime.jsx(DafButton, _objectSpread2({
|
|
13111
13111
|
content: label,
|
|
13112
13112
|
type: type,
|
|
13113
13113
|
size: BTN_SIZE.MD,
|
|
@@ -13119,9 +13119,8 @@ const useFooter = ({
|
|
|
13119
13119
|
loading: loading,
|
|
13120
13120
|
title: tooltip,
|
|
13121
13121
|
style: style,
|
|
13122
|
-
className: className
|
|
13123
|
-
|
|
13124
|
-
}, index);
|
|
13122
|
+
className: className
|
|
13123
|
+
}, restProps), index);
|
|
13125
13124
|
})
|
|
13126
13125
|
})]
|
|
13127
13126
|
})]
|
|
@@ -13134,180 +13133,8 @@ const useFooter = ({
|
|
|
13134
13133
|
};
|
|
13135
13134
|
};
|
|
13136
13135
|
|
|
13137
|
-
|
|
13138
|
-
|
|
13139
|
-
background: #ffffff;
|
|
13140
|
-
border-top: 1px solid #e8e8e8;
|
|
13141
|
-
border-left: none;
|
|
13142
|
-
border-right: none;
|
|
13143
|
-
border-bottom: none;
|
|
13144
|
-
border-radius: 0;
|
|
13145
|
-
padding: 24px;
|
|
13146
|
-
margin: 0;
|
|
13147
|
-
box-shadow: none;
|
|
13148
|
-
z-index: 100;
|
|
13149
|
-
position: relative;
|
|
13150
|
-
min-height: 80px;
|
|
13151
|
-
|
|
13152
|
-
&.daf-footer-fixed {
|
|
13153
|
-
position: fixed;
|
|
13154
|
-
bottom: 0;
|
|
13155
|
-
left: 0;
|
|
13156
|
-
right: 0;
|
|
13157
|
-
z-index: 1000;
|
|
13158
|
-
}
|
|
13159
|
-
|
|
13160
|
-
.daf-footer-content {
|
|
13161
|
-
display: flex;
|
|
13162
|
-
align-items: center;
|
|
13163
|
-
justify-content: space-between;
|
|
13164
|
-
width: 100%;
|
|
13165
|
-
min-height: 32px;
|
|
13166
|
-
|
|
13167
|
-
.daf-footer-left {
|
|
13168
|
-
flex: 1;
|
|
13169
|
-
display: flex;
|
|
13170
|
-
align-items: center;
|
|
13171
|
-
justify-content: flex-start;
|
|
13172
|
-
}
|
|
13173
|
-
|
|
13174
|
-
.daf-footer-center {
|
|
13175
|
-
flex: 1;
|
|
13176
|
-
display: flex;
|
|
13177
|
-
align-items: center;
|
|
13178
|
-
justify-content: center;
|
|
13179
|
-
}
|
|
13180
|
-
|
|
13181
|
-
.daf-footer-right {
|
|
13182
|
-
flex: 1;
|
|
13183
|
-
display: flex;
|
|
13184
|
-
align-items: center;
|
|
13185
|
-
justify-content: flex-end;
|
|
13186
|
-
gap: 12px;
|
|
13187
|
-
|
|
13188
|
-
.daf-footer-actions {
|
|
13189
|
-
.ant-btn {
|
|
13190
|
-
height: 40px;
|
|
13191
|
-
padding: 0 24px;
|
|
13192
|
-
border-radius: 6px;
|
|
13193
|
-
font-weight: 500;
|
|
13194
|
-
font-size: 14px;
|
|
13195
|
-
transition: all 0.3s ease;
|
|
13196
|
-
border: 1px solid transparent;
|
|
13197
|
-
|
|
13198
|
-
&.ant-btn-primary {
|
|
13199
|
-
background-color: var(--color-primary-70);
|
|
13200
|
-
color: #ffffff;
|
|
13201
|
-
border-color: var(--color-primary-70);
|
|
13202
|
-
|
|
13203
|
-
&:hover {
|
|
13204
|
-
background-color: var(--color-primary-60);
|
|
13205
|
-
border-color: var(--color-primary-60);
|
|
13206
|
-
}
|
|
13207
|
-
|
|
13208
|
-
&:active {
|
|
13209
|
-
background-color: var(--color-primary-80);
|
|
13210
|
-
border-color: var(--color-primary-80);
|
|
13211
|
-
}
|
|
13212
|
-
|
|
13213
|
-
&:disabled {
|
|
13214
|
-
background-color: #f5f5f5;
|
|
13215
|
-
color: #bfbfbf;
|
|
13216
|
-
border-color: #d9d9d9;
|
|
13217
|
-
}
|
|
13218
|
-
}
|
|
13219
|
-
|
|
13220
|
-
&.ant-btn-default {
|
|
13221
|
-
background: #ffffff;
|
|
13222
|
-
color: #666666;
|
|
13223
|
-
border-color: #d9d9d9;
|
|
13224
|
-
|
|
13225
|
-
&:hover {
|
|
13226
|
-
border-color: var(--color-primary-70);
|
|
13227
|
-
color: var(--color-primary-70);
|
|
13228
|
-
}
|
|
13229
|
-
|
|
13230
|
-
&:active {
|
|
13231
|
-
border-color: var(--color-primary-80);
|
|
13232
|
-
color: var(--color-primary-80);
|
|
13233
|
-
}
|
|
13234
|
-
|
|
13235
|
-
&:disabled {
|
|
13236
|
-
background-color: #f5f5f5;
|
|
13237
|
-
color: #bfbfbf;
|
|
13238
|
-
border-color: #d9d9d9;
|
|
13239
|
-
}
|
|
13240
|
-
}
|
|
13241
|
-
|
|
13242
|
-
&.ant-btn-ghost {
|
|
13243
|
-
background: transparent;
|
|
13244
|
-
color: #666666;
|
|
13245
|
-
border-color: #d9d9d9;
|
|
13246
|
-
|
|
13247
|
-
&:hover {
|
|
13248
|
-
border-color: var(--color-primary-70);
|
|
13249
|
-
color: var(--color-primary-70);
|
|
13250
|
-
background: rgba(0, 0, 0, 0.02);
|
|
13251
|
-
}
|
|
13252
|
-
|
|
13253
|
-
&:active {
|
|
13254
|
-
border-color: var(--color-primary-80);
|
|
13255
|
-
color: var(--color-primary-80);
|
|
13256
|
-
}
|
|
13257
|
-
|
|
13258
|
-
&:disabled {
|
|
13259
|
-
color: #bfbfbf;
|
|
13260
|
-
border-color: #d9d9d9;
|
|
13261
|
-
}
|
|
13262
|
-
}
|
|
13263
|
-
}
|
|
13264
|
-
}
|
|
13265
|
-
}
|
|
13266
|
-
}
|
|
13267
|
-
}
|
|
13268
|
-
|
|
13269
|
-
/* Responsive design */
|
|
13270
|
-
@media (max-width: 768px) {
|
|
13271
|
-
.daf-footer {
|
|
13272
|
-
margin: 0;
|
|
13273
|
-
padding: 16px;
|
|
13274
|
-
|
|
13275
|
-
.daf-footer-content {
|
|
13276
|
-
flex-direction: column;
|
|
13277
|
-
gap: 16px;
|
|
13278
|
-
align-items: stretch;
|
|
13279
|
-
|
|
13280
|
-
.daf-footer-left,
|
|
13281
|
-
.daf-footer-center,
|
|
13282
|
-
.daf-footer-right {
|
|
13283
|
-
flex: none;
|
|
13284
|
-
justify-content: center;
|
|
13285
|
-
}
|
|
13286
|
-
|
|
13287
|
-
.daf-footer-right {
|
|
13288
|
-
.daf-footer-actions {
|
|
13289
|
-
justify-content: center;
|
|
13290
|
-
}
|
|
13291
|
-
}
|
|
13292
|
-
}
|
|
13293
|
-
}
|
|
13294
|
-
}
|
|
13295
|
-
|
|
13296
|
-
/* App-specific styling */
|
|
13297
|
-
&.sbg-app {
|
|
13298
|
-
.daf-footer {
|
|
13299
|
-
background: #f8f9fa;
|
|
13300
|
-
border-color: #e9ecef;
|
|
13301
|
-
}
|
|
13302
|
-
}
|
|
13303
|
-
|
|
13304
|
-
&.nashiriki-app {
|
|
13305
|
-
.daf-footer {
|
|
13306
|
-
background: #fff;
|
|
13307
|
-
border-color: #d9d9d9;
|
|
13308
|
-
}
|
|
13309
|
-
}
|
|
13310
|
-
`;
|
|
13136
|
+
var _templateObject$a;
|
|
13137
|
+
const FooterContainer = dt.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n\t.daf-footer {\n\t\tbackground: #ffffff;\n\t\tborder-top: 1px solid #e8e8e8;\n\t\tborder-left: none;\n\t\tborder-right: none;\n\t\tborder-bottom: none;\n\t\tborder-radius: 0;\n\t\tpadding: 24px;\n\t\tmargin: 0;\n\t\tbox-shadow: none;\n\t\tz-index: 100;\n\t\tposition: relative;\n\t\tmin-height: 80px;\n\n\t\t&.daf-footer-fixed {\n\t\t\tposition: fixed;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tz-index: 1000;\n\t\t}\n\n\t\t.daf-footer-content {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 32px;\n\n\t\t\t.daf-footer-left {\n\t\t\t\tflex: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: flex-start;\n\t\t\t}\n\n\t\t\t.daf-footer-center {\n\t\t\t\tflex: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.daf-footer-right {\n\t\t\t\tflex: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t\tgap: 12px;\n\n\t\t\t\t.daf-footer-actions {\n\t\t\t\t\t.ant-btn {\n\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\tpadding: 0 24px;\n\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\ttransition: all 0.3s ease;\n\t\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\t\t&.ant-btn-primary {\n\t\t\t\t\t\t\tbackground-color: var(--color-primary-70);\n\t\t\t\t\t\t\tcolor: #ffffff;\n\t\t\t\t\t\t\tborder-color: var(--color-primary-70);\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tbackground-color: var(--color-primary-60);\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-60);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tbackground-color: var(--color-primary-80);\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-80);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tbackground-color: #f5f5f5;\n\t\t\t\t\t\t\t\tcolor: #bfbfbf;\n\t\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.ant-btn-default {\n\t\t\t\t\t\t\tbackground: #ffffff;\n\t\t\t\t\t\t\tcolor: #666666;\n\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-70);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-70);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-80);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-80);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tbackground-color: #f5f5f5;\n\t\t\t\t\t\t\t\tcolor: #bfbfbf;\n\t\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.ant-btn-ghost {\n\t\t\t\t\t\t\tbackground: transparent;\n\t\t\t\t\t\t\tcolor: #666666;\n\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-70);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-70);\n\t\t\t\t\t\t\t\tbackground: rgba(0, 0, 0, 0.02);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\tborder-color: var(--color-primary-80);\n\t\t\t\t\t\t\t\tcolor: var(--color-primary-80);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\tcolor: #bfbfbf;\n\t\t\t\t\t\t\t\tborder-color: #d9d9d9;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/* Responsive design */\n\t@media (max-width: 768px) {\n\t\t.daf-footer {\n\t\t\tmargin: 0;\n\t\t\tpadding: 16px;\n\n\t\t\t.daf-footer-content {\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 16px;\n\t\t\t\talign-items: stretch;\n\n\t\t\t\t.daf-footer-left,\n\t\t\t\t.daf-footer-center,\n\t\t\t\t.daf-footer-right {\n\t\t\t\t\tflex: none;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t}\n\n\t\t\t\t.daf-footer-right {\n\t\t\t\t\t.daf-footer-actions {\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/* App-specific styling */\n\t&.sbg-app {\n\t\t.daf-footer {\n\t\t\tbackground: #f8f9fa;\n\t\t\tborder-color: #e9ecef;\n\t\t}\n\t}\n\n\t&.nashiriki-app {\n\t\t.daf-footer {\n\t\t\tbackground: #fff;\n\t\t\tborder-color: #d9d9d9;\n\t\t}\n\t}\n"])));
|
|
13311
13138
|
|
|
13312
13139
|
function DAFFooter(_ref) {
|
|
13313
13140
|
let {
|
|
@@ -20420,8 +20247,6 @@ function WidgetPlaceholder(_ref) {
|
|
|
20420
20247
|
style = {},
|
|
20421
20248
|
iconWidth = 22,
|
|
20422
20249
|
iconHeight = 22,
|
|
20423
|
-
iconColor = "white",
|
|
20424
|
-
circleColor = "#2b2c2d",
|
|
20425
20250
|
inDevelopment = false,
|
|
20426
20251
|
description = ""
|
|
20427
20252
|
} = _ref;
|
|
@@ -20455,16 +20280,13 @@ function WidgetPlaceholder(_ref) {
|
|
|
20455
20280
|
})
|
|
20456
20281
|
}) : /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
20457
20282
|
className: "icon-bubble-d",
|
|
20458
|
-
style: {
|
|
20459
|
-
backgroundColor: circleColor
|
|
20460
|
-
},
|
|
20461
20283
|
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
20462
20284
|
className: "flex justify-content-center",
|
|
20463
20285
|
children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
|
|
20464
20286
|
name: icon,
|
|
20465
20287
|
width: iconWidth,
|
|
20466
20288
|
height: iconHeight,
|
|
20467
|
-
color:
|
|
20289
|
+
color: "white"
|
|
20468
20290
|
})
|
|
20469
20291
|
})
|
|
20470
20292
|
})
|
|
@@ -21099,8 +20921,8 @@ function ProjectWidget(_ref) {
|
|
|
21099
20921
|
onLinkClick,
|
|
21100
20922
|
image,
|
|
21101
20923
|
linkIcon = "Link",
|
|
21102
|
-
sdgList
|
|
21103
|
-
items
|
|
20924
|
+
sdgList,
|
|
20925
|
+
items,
|
|
21104
20926
|
onCardClick,
|
|
21105
20927
|
hideSDGList = false,
|
|
21106
20928
|
t = x => x
|
|
@@ -21112,10 +20934,9 @@ function ProjectWidget(_ref) {
|
|
|
21112
20934
|
} = useToken$i();
|
|
21113
20935
|
return /*#__PURE__*/jsxRuntime.jsxs(antd.Card, _objectSpread2(_objectSpread2({
|
|
21114
20936
|
style: {
|
|
21115
|
-
|
|
21116
|
-
width:
|
|
21117
|
-
minWidth:
|
|
21118
|
-
// minWidth: "200px",
|
|
20937
|
+
flex: 1,
|
|
20938
|
+
width: "100%",
|
|
20939
|
+
minWidth: "200px"
|
|
21119
20940
|
},
|
|
21120
20941
|
hoverable: true,
|
|
21121
20942
|
onMouseEnter: () => setIsHovered(true),
|
|
@@ -21129,8 +20950,7 @@ function ProjectWidget(_ref) {
|
|
|
21129
20950
|
}
|
|
21130
20951
|
}) : /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
21131
20952
|
style: {
|
|
21132
|
-
height: "103px"
|
|
21133
|
-
borderBottom: "1px solid var(--base-gray-30)"
|
|
20953
|
+
height: "103px"
|
|
21134
20954
|
},
|
|
21135
20955
|
children: /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
|
|
21136
20956
|
image: antd.Empty.PRESENTED_IMAGE_SIMPLE
|
|
@@ -21171,9 +20991,27 @@ function ProjectWidget(_ref) {
|
|
|
21171
20991
|
}
|
|
21172
20992
|
|
|
21173
20993
|
const Style$x = dt.div`
|
|
21174
|
-
|
|
20994
|
+
height: 100%; /* Make the wrapper take full height */
|
|
20995
|
+
display: flex; /* Make this a flex container */
|
|
20996
|
+
${props => props.width ? `width: ${props.width};` : 'flex: 1;'} /* Use width if specified, otherwise flex */
|
|
20997
|
+
|
|
20998
|
+
> .daf-widget {
|
|
21175
20999
|
background-color: ${props => props.backgroundColor} !important;
|
|
21176
21000
|
border-color: ${props => props.backgroundBorderColor} !important;
|
|
21001
|
+
transition: box-shadow 0.2s ease-in-out;
|
|
21002
|
+
height: 100%; /* Ensure full height */
|
|
21003
|
+
width: 100%; /* Take full width of the container */
|
|
21004
|
+
|
|
21005
|
+
&:hover {
|
|
21006
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
21007
|
+
}
|
|
21008
|
+
|
|
21009
|
+
.widget-body {
|
|
21010
|
+
display: flex;
|
|
21011
|
+
flex-direction: column;
|
|
21012
|
+
flex: 1; /* Make widget body flexible */
|
|
21013
|
+
min-height: 0; /* Allow flex shrinking */
|
|
21014
|
+
}
|
|
21177
21015
|
}
|
|
21178
21016
|
|
|
21179
21017
|
.widget-card-logo-icon {
|
|
@@ -21186,6 +21024,11 @@ const Style$x = dt.div`
|
|
|
21186
21024
|
align-items: center;
|
|
21187
21025
|
border: 1px solid #E5E7EB;
|
|
21188
21026
|
}
|
|
21027
|
+
|
|
21028
|
+
.disabled-anchor {
|
|
21029
|
+
cursor: not-allowed;
|
|
21030
|
+
opacity: 0.5;
|
|
21031
|
+
}
|
|
21189
21032
|
`;
|
|
21190
21033
|
|
|
21191
21034
|
const {
|
|
@@ -21203,13 +21046,17 @@ const WidgetCard = _ref => {
|
|
|
21203
21046
|
loading = false,
|
|
21204
21047
|
iconColor,
|
|
21205
21048
|
buttonIcon,
|
|
21206
|
-
imageUrl
|
|
21049
|
+
imageUrl,
|
|
21050
|
+
buttonConfig = {},
|
|
21051
|
+
width,
|
|
21052
|
+
t = () => {}
|
|
21207
21053
|
} = _ref;
|
|
21208
21054
|
useToken$h();
|
|
21209
21055
|
return /*#__PURE__*/jsxRuntime.jsx(Style$x, {
|
|
21210
21056
|
backgroundColor: backgroundColor,
|
|
21211
21057
|
backgroundBorderColor: backgroundBorderColor,
|
|
21212
|
-
|
|
21058
|
+
width: width,
|
|
21059
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Widget, {
|
|
21213
21060
|
title: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
21214
21061
|
style: {
|
|
21215
21062
|
display: "flex",
|
|
@@ -21233,39 +21080,80 @@ const WidgetCard = _ref => {
|
|
|
21233
21080
|
addedHeader: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
21234
21081
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
21235
21082
|
className: "flex-1"
|
|
21236
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
21237
|
-
|
|
21238
|
-
|
|
21239
|
-
|
|
21240
|
-
|
|
21241
|
-
|
|
21242
|
-
|
|
21083
|
+
}), /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
|
|
21084
|
+
title: buttonConfig !== null && buttonConfig !== void 0 && buttonConfig.disabled ? (buttonConfig === null || buttonConfig === void 0 ? void 0 : buttonConfig.tooltipText) || t("Currently unavailable") : "",
|
|
21085
|
+
children: /*#__PURE__*/jsxRuntime.jsx("a", {
|
|
21086
|
+
className: formatClassname(["widget-card-logo-icon", (buttonConfig === null || buttonConfig === void 0 ? void 0 : buttonConfig.disabled) && "disabled-anchor"]),
|
|
21087
|
+
href: buttonConfig !== null && buttonConfig !== void 0 && buttonConfig.disabled ? undefined : link,
|
|
21088
|
+
onClick: buttonConfig !== null && buttonConfig !== void 0 && buttonConfig.disabled ? e => e.preventDefault() : undefined,
|
|
21089
|
+
children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
|
|
21090
|
+
name: buttonIcon,
|
|
21091
|
+
size: 16,
|
|
21092
|
+
color: buttonConfig !== null && buttonConfig !== void 0 && buttonConfig.disabled ? "#6C737F" : iconColor || antd.theme.colorPrimary
|
|
21093
|
+
})
|
|
21243
21094
|
})
|
|
21244
21095
|
})]
|
|
21245
21096
|
}),
|
|
21246
21097
|
loading: loading,
|
|
21247
|
-
className: "with-tabs",
|
|
21248
|
-
children:
|
|
21249
|
-
children: description
|
|
21250
|
-
}), data === null || data === void 0 ? void 0 : data.map(item => /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
21098
|
+
className: "with-tabs no-pt-body",
|
|
21099
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
21251
21100
|
style: {
|
|
21252
21101
|
display: "flex",
|
|
21253
|
-
|
|
21102
|
+
flexDirection: "column",
|
|
21103
|
+
height: "100%",
|
|
21104
|
+
minHeight: "150px"
|
|
21254
21105
|
},
|
|
21255
|
-
children: [
|
|
21106
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
21256
21107
|
style: {
|
|
21257
|
-
|
|
21258
|
-
|
|
21259
|
-
|
|
21108
|
+
flex: 1,
|
|
21109
|
+
display: "flex",
|
|
21110
|
+
flexDirection: "column",
|
|
21111
|
+
justifyContent: "flex-start",
|
|
21112
|
+
marginTop: "24px",
|
|
21113
|
+
marginBottom: "24px",
|
|
21114
|
+
minHeight: "0"
|
|
21260
21115
|
},
|
|
21261
|
-
|
|
21262
|
-
|
|
21263
|
-
|
|
21264
|
-
|
|
21265
|
-
|
|
21266
|
-
|
|
21116
|
+
children: description ? /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
21117
|
+
style: {
|
|
21118
|
+
margin: 0,
|
|
21119
|
+
flex: 1,
|
|
21120
|
+
display: "flex",
|
|
21121
|
+
alignItems: "flex-start",
|
|
21122
|
+
minHeight: "0"
|
|
21123
|
+
},
|
|
21124
|
+
children: description
|
|
21125
|
+
}) : /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
21126
|
+
style: {
|
|
21127
|
+
flex: 1
|
|
21128
|
+
}
|
|
21129
|
+
})
|
|
21130
|
+
}), data && data.length > 0 && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
21131
|
+
style: {
|
|
21132
|
+
display: "flex",
|
|
21133
|
+
flexDirection: "column",
|
|
21134
|
+
gap: "8px"
|
|
21135
|
+
},
|
|
21136
|
+
children: data.map(item => /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
21137
|
+
style: {
|
|
21138
|
+
display: "flex",
|
|
21139
|
+
justifyContent: "space-between"
|
|
21140
|
+
},
|
|
21141
|
+
children: [item.isTag ? /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
|
|
21142
|
+
style: {
|
|
21143
|
+
width: '90px',
|
|
21144
|
+
textAlign: 'center',
|
|
21145
|
+
borderRadius: '10px'
|
|
21146
|
+
},
|
|
21147
|
+
color: item.tagColor || 'default',
|
|
21148
|
+
children: item.label
|
|
21149
|
+
}) : /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
21150
|
+
children: item.label
|
|
21151
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
21152
|
+
children: item.value
|
|
21153
|
+
})]
|
|
21154
|
+
}, item))
|
|
21267
21155
|
})]
|
|
21268
|
-
}
|
|
21156
|
+
})
|
|
21269
21157
|
})
|
|
21270
21158
|
});
|
|
21271
21159
|
};
|
|
@@ -21282,15 +21170,11 @@ function CarouselWidget(_ref) {
|
|
|
21282
21170
|
* @param {number} currentSlide - The index of the current slide after change
|
|
21283
21171
|
* @private
|
|
21284
21172
|
*/
|
|
21285
|
-
|
|
21286
|
-
console.log(currentSlide);
|
|
21287
|
-
};
|
|
21173
|
+
|
|
21288
21174
|
return /*#__PURE__*/jsxRuntime.jsx(Widget, {
|
|
21289
21175
|
title: title,
|
|
21290
21176
|
className: "with-border-header h-w-btn-header",
|
|
21291
|
-
children: /*#__PURE__*/jsxRuntime.jsx(antd.Carousel, _objectSpread2(_objectSpread2({
|
|
21292
|
-
afterChange: onChange
|
|
21293
|
-
}, rest), {}, {
|
|
21177
|
+
children: /*#__PURE__*/jsxRuntime.jsx(antd.Carousel, _objectSpread2(_objectSpread2({}, rest), {}, {
|
|
21294
21178
|
children: children
|
|
21295
21179
|
}))
|
|
21296
21180
|
});
|