@eturnity/eturnity_reusable_components 8.40.8--dev-06.0 → 8.40.8-dashboard-poc.0

package/dist/main.es25.js

@@ -1,66 +1,26 @@
-function makeMap(str, expectsLowerCase) {
-  const map = /* @__PURE__ */ Object.create(null);
-  const list = str.split(",");
-  for (let i = 0; i < list.length; i++) {
-    map[list[i]] = true;
+import styled from "./main.es7.js";
+import "./main.es3.js";
+import _export_sfc from "./main.es11.js";
+import { resolveComponent, openBlock, createBlock, withCtx, createTextVNode } from "./main.es6.js";
+const StarElement = styled.span`
+    color: ${({
+  theme
+}) => theme.colors.red};
+  `;
+const _sfc_main = {
+  name: "IsRequiredLabelStar",
+  components: {
+    StarElement
   }
-  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
-}
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const onRE = /^on[^a-z]/;
-const isOn = (key) => onRE.test(key);
-const isModelListener = (key) => key.startsWith("onUpdate:");
-const extend = Object.assign;
-const isArray = Array.isArray;
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-};
-const hyphenateRE = /\B([A-Z])/g;
-const hyphenate = cacheStringFunction(
-  (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
-);
-const capitalize = cacheStringFunction(
-  (str) => str.charAt(0).toUpperCase() + str.slice(1)
-);
-const invokeArrayFns = (fns, arg) => {
-  for (let i = 0; i < fns.length; i++) {
-    fns[i](arg);
-  }
-};
-const looseToNumber = (val) => {
-  const n = parseFloat(val);
-  return isNaN(n) ? val : n;
 };
-const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
-const SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
-const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
-const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
-const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
-const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
-function includeBooleanAttr(value) {
-  return !!value || value === "";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_StarElement = resolveComponent("StarElement");
+  return openBlock(), createBlock(_component_StarElement, null, {
+    default: withCtx(() => [createTextVNode("*")]),
+    _: 1
+  });
 }
+const IsRequiredLabelStar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  capitalize,
-  extend,
-  hyphenate,
-  includeBooleanAttr,
-  invokeArrayFns,
-  isArray,
-  isFunction,
-  isHTMLTag,
-  isModelListener,
-  isOn,
-  isSVGTag,
-  isSpecialBooleanAttr,
-  isString,
-  looseToNumber,
-  makeMap
+  IsRequiredLabelStar as default
 };

package/dist/main.es26.js

@@ -2,9 +2,9 @@ import "./main.es3.js";
 import styled from "./main.es7.js";
 import { fetchIcon } from "./main.es383.js";
 import { rotateSvg } from "./main.es384.js";
-import { reactive } from "./main.es16.js";
+import { reactive } from "./main.es18.js";
 import { computed, onMounted, watch, openBlock, createBlock, withCtx, createVNode, createElementVNode as createBaseVNode, createTextVNode, createCommentVNode } from "./main.es6.js";
-import { toDisplayString } from "./main.es24.js";
+import { toDisplayString } from "./main.es16.js";
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "index",

package/dist/main.es387.js

@@ -1,5 +1,5 @@
 import { HOOK_PLUGIN_SETTINGS_SET } from "./main.es386.js";
-import { now } from "./main.es743.js";
+import { now } from "./main.es744.js";
 class ApiProxy {
   constructor(plugin, hook) {
     this.target = null;

package/dist/main.es5.js

@@ -1,8 +1,8 @@
 import { isRuntimeOnly, warn, createRenderer, callWithAsyncErrorHandling } from "./main.es6.js";
 import { Comment, Fragment, Static, Teleport, Text, callWithErrorHandling, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, devtools, getCurrentInstance, guardReactiveProps, h, handleError, initCustomFormatter, inject, isVNode, mergeProps, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, openBlock, provide, queuePostFlushCb, renderList, renderSlot, resolveComponent, resolveDynamicComponent, setBlockTracking, setDevtoolsHook, ssrContextKey, useSSRContext, version, watch, watchEffect, withCtx, withDirectives } from "./main.es6.js";
-import { isFunction, isHTMLTag, isSVGTag, isString, looseToNumber, isArray, invokeArrayFns, hyphenate, extend, isOn, isModelListener, capitalize, isSpecialBooleanAttr, includeBooleanAttr } from "./main.es25.js";
-import { camelize } from "./main.es24.js";
-import { capitalize as capitalize2, normalizeClass, normalizeStyle, toDisplayString, toHandlerKey } from "./main.es24.js";
+import { isFunction, isHTMLTag, isSVGTag, isString, looseToNumber, isArray, invokeArrayFns, hyphenate, extend, isOn, isModelListener, capitalize, isSpecialBooleanAttr, includeBooleanAttr } from "./main.es15.js";
+import { camelize } from "./main.es16.js";
+import { capitalize as capitalize2, normalizeClass, normalizeStyle, toDisplayString, toHandlerKey } from "./main.es16.js";
 const svgNS = "http://www.w3.org/2000/svg";
 const doc = typeof document !== "undefined" ? document : null;
 const templateContainer = doc && /* @__PURE__ */ doc.createElement("template");

package/dist/main.es6.js

@@ -1,7 +1,7 @@
-import { isRef, toRaw, getCurrentScope, isShallow as isShallow$1, isReactive, ReactiveEffect, isProxy, computed as computed$1, pauseTracking, resetTracking, isReadonly, track, proxyRefs, markRaw, shallowReadonly, EffectScope, reactive, shallowReactive, trigger } from "./main.es16.js";
-import { readonly, ref, shallowRef, unref } from "./main.es16.js";
-import { isString, isFunction, getGlobalThis, isArray, NOOP, EMPTY_OBJ, normalizeClass, isObject, extend, normalizeStyle, isOn, isPromise, hasChanged, remove, isSet, isMap, isPlainObject, camelize, capitalize, toHandlerKey, hasOwn, EMPTY_ARR, NO, isBuiltInDirective, isReservedProp, invokeArrayFns, makeMap, looseToNumber, hyphenate, def, toRawType, isModelListener } from "./main.es24.js";
-import { toDisplayString } from "./main.es24.js";
+import { isRef, toRaw, getCurrentScope, isShallow as isShallow$1, isReactive, ReactiveEffect, isProxy, computed as computed$1, pauseTracking, resetTracking, isReadonly, track, proxyRefs, markRaw, shallowReadonly, EffectScope, reactive, shallowReactive, trigger } from "./main.es18.js";
+import { readonly, ref, shallowRef, unref } from "./main.es18.js";
+import { isString, isFunction, getGlobalThis, isArray, NOOP, EMPTY_OBJ, normalizeClass, isObject, extend, normalizeStyle, isOn, isPromise, hasChanged, remove, isSet, isMap, isPlainObject, camelize, capitalize, toHandlerKey, hasOwn, EMPTY_ARR, NO, isBuiltInDirective, isReservedProp, invokeArrayFns, makeMap, looseToNumber, hyphenate, def, toRawType, isModelListener } from "./main.es16.js";
+import { toDisplayString } from "./main.es16.js";
 const stack = [];
 function pushWarningContext(vnode) {
   stack.push(vnode);

package/dist/main.es743.js

@@ -1,25 +1,64 @@
-let supported;
-let perf;
-function isPerformanceSupported() {
-  var _a;
-  if (supported !== void 0) {
-    return supported;
+function makeMap(str, expectsLowerCase) {
+  const map = /* @__PURE__ */ Object.create(null);
+  const list = str.split(",");
+  for (let i = 0; i < list.length; i++) {
+    map[list[i]] = true;
   }
-  if (typeof window !== "undefined" && window.performance) {
-    supported = true;
-    perf = window.performance;
-  } else if (typeof globalThis !== "undefined" && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
-    supported = true;
-    perf = globalThis.perf_hooks.performance;
-  } else {
-    supported = false;
-  }
-  return supported;
-}
-function now() {
-  return isPerformanceSupported() ? perf.now() : Date.now();
+  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
 }
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const NOOP = () => {
+};
+const extend = Object.assign;
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty.call(val, key);
+const isArray = Array.isArray;
+const isMap = (val) => toTypeString(val) === "[object Map]";
+const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
+const isSymbol = (val) => typeof val === "symbol";
+const isObject = (val) => val !== null && typeof val === "object";
+const objectToString = Object.prototype.toString;
+const toTypeString = (value) => objectToString.call(value);
+const toRawType = (value) => {
+  return toTypeString(value).slice(8, -1);
+};
+const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
+const cacheStringFunction = (fn) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+};
+const capitalize = cacheStringFunction(
+  (str) => str.charAt(0).toUpperCase() + str.slice(1)
+);
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
+const def = (obj, key, value) => {
+  Object.defineProperty(obj, key, {
+    configurable: true,
+    enumerable: false,
+    value
+  });
+};
 export {
-  isPerformanceSupported,
-  now
+  NOOP,
+  capitalize,
+  def,
+  extend,
+  hasChanged,
+  hasOwn,
+  isArray,
+  isFunction,
+  isIntegerKey,
+  isMap,
+  isObject,
+  isString,
+  isSymbol,
+  makeMap,
+  objectToString,
+  toRawType,
+  toTypeString
 };

package/dist/main.es744.js

@@ -1,64 +1,25 @@
-function makeMap(str, expectsLowerCase) {
-  const map = /* @__PURE__ */ Object.create(null);
-  const list = str.split(",");
-  for (let i = 0; i < list.length; i++) {
-    map[list[i]] = true;
+let supported;
+let perf;
+function isPerformanceSupported() {
+  var _a;
+  if (supported !== void 0) {
+    return supported;
   }
-  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
+  if (typeof window !== "undefined" && window.performance) {
+    supported = true;
+    perf = window.performance;
+  } else if (typeof globalThis !== "undefined" && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
+    supported = true;
+    perf = globalThis.perf_hooks.performance;
+  } else {
+    supported = false;
+  }
+  return supported;
+}
+function now() {
+  return isPerformanceSupported() ? perf.now() : Date.now();
 }
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const NOOP = () => {
-};
-const extend = Object.assign;
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty.call(val, key);
-const isArray = Array.isArray;
-const isMap = (val) => toTypeString(val) === "[object Map]";
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isSymbol = (val) => typeof val === "symbol";
-const isObject = (val) => val !== null && typeof val === "object";
-const objectToString = Object.prototype.toString;
-const toTypeString = (value) => objectToString.call(value);
-const toRawType = (value) => {
-  return toTypeString(value).slice(8, -1);
-};
-const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-};
-const capitalize = cacheStringFunction(
-  (str) => str.charAt(0).toUpperCase() + str.slice(1)
-);
-const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-const def = (obj, key, value) => {
-  Object.defineProperty(obj, key, {
-    configurable: true,
-    enumerable: false,
-    value
-  });
-};
 export {
-  NOOP,
-  capitalize,
-  def,
-  extend,
-  hasChanged,
-  hasOwn,
-  isArray,
-  isFunction,
-  isIntegerKey,
-  isMap,
-  isObject,
-  isString,
-  isSymbol,
-  makeMap,
-  objectToString,
-  toRawType,
-  toTypeString
+  isPerformanceSupported,
+  now
 };

package/dist/main.es9.js

@@ -4,7 +4,7 @@ import theme from "./main.es8.js";
 import "./main.es3.js";
 import _export_sfc from "./main.es11.js";
 import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode } from "./main.es6.js";
-import { toDisplayString } from "./main.es24.js";
+import { toDisplayString } from "./main.es16.js";
 const TagContainer = styled.div`
     display: inline-flex;
     align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.40.8--dev-06.0",
+  "version": "8.40.8-dashboard-poc.0",
   "files": [
     "dist",
     "src"

package/src/components/buttons/buttonIcon/index.vue

@@ -22,10 +22,10 @@
       >
         <Icon
           :color="
-            iconColor ||
-            (isDisabled
+            isDisabled
               ? theme.mainButton[appTheme][type][variant].disabled.textColor
-              : theme.mainButton[appTheme][type][variant].default.textColor)
+              : iconColor ||
+                theme.mainButton[appTheme][type][variant].default.textColor
           "
           :disable-hover="disableIconHover"
           :fill-type="fillType"

package/src/components/pageTitle/index.vue

@@ -1,9 +1,5 @@
 <template>
-  <TitleWrap
-    data-test-id="page_wrapper"
-    :has-info-text="!!infoText"
-    :no-margin="noMargin"
-  >
+  <TitleWrap data-test-id="page_wrapper" :has-info-text="!!infoText">
     <TitleText
       :color="color"
       data-test-id="page_title_text"
@@ -35,27 +31,21 @@
   import styled from 'vue3-styled-components'
   import InfoText from '../infoText'
 
-  const wrapAttrs = { hasInfoText: Boolean, noMargin: Boolean }
+  const wrapAttrs = { hasInfoText: Boolean }
   const TitleWrap = styled('div', wrapAttrs)`
     display: grid;
     align-items: center;
     grid-gap: 12px;
     grid-template-columns: ${(props) =>
       props.hasInfoText ? 'auto auto 1fr' : '1fr'};
-    margin-bottom: ${(props) => (props.noMargin ? '0px' : '20px')};
+    margin-bottom: 20px;
   `
 
   const titleAttrs = { color: String, fontSize: String, uppercase: Boolean }
   const TitleText = styled('span', titleAttrs)`
     color: ${(props) => (props.color ? props.color : props.theme.colors.black)};
-    font-weight: 500;
-    line-height: 130%;
-    font-size: ${(props) =>
-      props.fontSize === 'large'
-        ? '24px'
-        : props.fontSize === 'small'
-        ? '18px'
-        : '20px'};
+    font-weight: 600;
+    font-size: ${(props) => (props.fontSize ? props.fontSize : '20px')};
   `
 
   export default {
@@ -78,7 +68,7 @@
       fontSize: {
         required: false,
         type: String,
-        default: 'medium',
+        default: '',
       },
       uppercase: {
         required: false,
@@ -95,11 +85,6 @@
         type: String,
         default: 'center',
       },
-      noMargin: {
-        required: false,
-        type: Boolean,
-        default: false,
-      },
     },
   }
 </script>

package/src/components/tables/mainTable/index.vue

@@ -54,8 +54,9 @@
 
   const TableTitle = styled.div`
     margin-bottom: 16px;
-    font-weight: 500;
+    font-weight: bold;
     font-size: 14px;
+    text-transform: uppercase;
   `
 
   const tableScrollProps = {
@@ -65,6 +66,12 @@
   const TableScroll = styled('div', tableScrollProps)`
     max-width: 100%;
     height: auto;
+    ${(props) =>
+      props.isPositionAbsolute &&
+      `
+    position: absolute;
+    left: -20px;
+  `}
   `
 
   const wrapperAttrs = { fullWidth: Boolean, isOverflowHidden: Boolean }
@@ -104,24 +111,15 @@
 
   const TableContainer = styled('table', containerAttrs)`
     width: 100%;
-    border-collapse: separate;
-    border-spacing: 0;
-    border-right: ${(props) =>
-      '1px solid ' + props.theme.semanticColors.grey[200]};
-    border-left: ${(props) =>
-      '1px solid ' + props.theme.semanticColors.grey[200]};
-    border-top: ${(props) =>
-      '1px solid ' + props.theme.semanticColors.grey[200]};
-    border-radius: 4px;
-    font-size: 12px;
+    border-collapse: collapse;
+    border: none;
+    font-size: 13px;
 
     thead {
-      font-weight: 500;
-      line-height: 140%;
+      font-weight: bold;
 
       tr {
         border-bottom: none !important;
-        background-color: ${(props) => props.theme.semanticColors.grey[100]};
       }
     }
 
@@ -130,8 +128,6 @@
     }
 
     tbody {
-      font-weight: 400;
-      line-height: 150%;
       tr {
         &:hover,
         td.hovered-column {
@@ -152,25 +148,18 @@
         }
 
         td {
-          height: 48px;
-        }
-
-        .drag-placeholder {
-          min-height: 48px;
-          min-width: 20px;
-          border-bottom: 1px solid
-            ${(props) => props.theme.semanticColors.grey[200]};
+          height: 40px;
         }
       }
     }
 
     th {
-      padding: 8px 16px;
+      padding: 11px 15px;
       background-color: ${(props) => props.theme.semanticColors.grey[100]};
       border-bottom: 1px solid
-        ${(props) => props.theme.semanticColors.grey[200]};
+        ${(props) => props.theme.semanticColors.teal[100]};
       cursor: auto;
-      height: 36px;
+      height: 40px;
       font-weight: 500;
 
       .ordering {
@@ -262,10 +251,6 @@
         visibility: hidden;
       }
 
-      &.footer {
-        background-color: ${(props) => props.theme.colors.grey5};
-      }
-
       &.footer,
       &.total-row {
         td {
@@ -298,8 +283,6 @@
         flex-wrap: nowrap;
         background-color: ${(props) => props.theme.colors.white};
         vertical-align: middle;
-        border-bottom: 1px solid
-          ${(props) => props.theme.semanticColors.grey[200]};
       }
 
       .arrow-container {
@@ -318,11 +301,6 @@
         .arrow-container {
           border-bottom: none;
         }
-
-        .drag-container,
-        .icons-container {
-          border-bottom: none !important;
-        }
       }
 
       &:hover {
@@ -348,14 +326,12 @@
         display: table-cell;
         width: 20px;
         min-width: 20px;
-        height: 48px;
-        border-bottom: ${(props) =>
-          '1px solid ' + props.theme.semanticColors.grey[200]};
+        height: 40px;
       }
 
       .drag-wrapper {
         width: 16px;
-        height: 46px;
+        height: 36px;
         display: grid;
         align-items: center;
         justify-items: center;
@@ -401,9 +377,9 @@
     }
 
     input {
-      font-size: 12px;
+      font-size: 13px;
       padding: 5px 10px;
-      background: ${(props) => props.theme.colors.white};
+      background: #fff;
       height: unset;
 
       &:focus {