@eturnity/eturnity_reusable_components 8.10.3-EPDM-13568.6 → 8.10.3-EPDM-11600.3

package/src/components/tableDropdown/index.vue

@@ -25,22 +25,18 @@
                 item.type === 'template')
             "
           />
-          <TableItem
+          <TemplateButton
             v-if="
               item.type &&
               item.type === 'template' &&
               (item.value === '' || item.value === '-')
             "
             :key="index + '_button'"
+            :show-archived="showArchived"
+            @click.stop="onTemplateClick(item.row)"
           >
-            <MainButton
-              button-size="small"
-              :text="$gettext('Use template...')"
-              type="secondary"
-              :variant="showArchived ? 'cancel' : 'main'"
-              @click.stop="onTemplateClick(item.row)"
-            />
-          </TableItem>
+            {{ $gettext('Use template...') }}
+          </TemplateButton>
           <TemplateLink
             v-else-if="
               item.type && item.type === 'template' && item.value !== ''
@@ -72,7 +68,7 @@
               class="input-placeholder"
               :show-archived="showArchived"
             >
-              <TableItem> {{ item.value }}</TableItem>
+              <span> {{ item.value }}</span>
             </TextContainer>
             <InputText
               v-else
@@ -93,7 +89,7 @@
             "
             :show-archived="showArchived"
           >
-            <TableItem> {{ item.value }}</TableItem>
+            <span> {{ item.value }}</span>
           </TextContainer>
         </NestedContainer>
       </ComponentItem>
@@ -125,7 +121,7 @@
                 @on-change="onSearch($event)"
               />
             </SearchContainer>
-            <Spinner v-if="optionsLoading" size="small" />
+            <Spinner v-if="optionsLoading" />
             <EmptyText v-else-if="!optionsLoading && !optionItems.length">
               {{ emptyText ? emptyText : $gettext('No components found.') }}
             </EmptyText>
@@ -140,19 +136,15 @@
               @keyup.enter="onItemClick(item)"
             >
               <template v-for="(option, idx) in optionsDisplay" :key="idx">
-                <TableItem v-if="option !== 'template'">
+                <span v-if="option !== 'template'">
                   {{ !!item[option] ? item[option] : '-' }}
-                </TableItem>
-                <TableItem
+                </span>
+                <TemplateButton
                   v-else-if="option === 'template' && item.has_template"
+                  @click.stop="onTemplateClick(item)"
                 >
-                  <MainButton
-                    button-size="small"
-                    :text="$gettext('Use template...')"
-                    type="secondary"
-                    @click.stop="onTemplateClick(item)"
-                  />
-                </TableItem>
+                  {{ $gettext('Use template...') }}
+                </TemplateButton>
                 <NoTemplate
                   v-else-if="option === 'template' && !item.has_template"
                 >
@@ -206,7 +198,6 @@
   import Icon from '../icon'
   import theme from '@/assets/theme.js'
   import InfoText from '../infoText'
-  import MainButton from '../buttons/mainButton'
 
   const rowAttrs = { disabled: Boolean, isOpen: Boolean }
   const DropdownRow = styled('div', rowAttrs)`
@@ -243,11 +234,11 @@
           padding: 8px 0 10px 0 !important;
         }
       }
-    }
-  `
 
-  const TableItem = styled.span`
-    padding-left: 15px;
+      span {
+        padding-left: 15px;
+      }
+    }
   `
 
   const containerAttrs = { colSpan: Number, width: String }
@@ -365,6 +356,17 @@
   `
 
   const templateAttrs = { showArchived: Boolean }
+  const TemplateButton = styled('div', templateAttrs)`
+    cursor: pointer;
+    background-color: #263238;
+    color: ${(props) =>
+      props.showArchived ? props.theme.colors.red : props.theme.colors.white};
+    padding: 4px 10px;
+    display: inline-block;
+    border-radius: 4px;
+    text-align: center;
+    margin-left: 15px;
+  `
 
   const NoTemplate = styled('div', templateAttrs)`
     color: ${(props) =>
@@ -464,7 +466,7 @@
       OptionsWrapper,
       OptionsItem,
       SearchContainer,
-      MainButton,
+      TemplateButton,
       NoTemplate,
       TemplateLink,
       InputText,
@@ -479,7 +481,6 @@
       Icon,
       InfoText,
       InfoWrapper,
-      TableItem,
     },
     props: {
       colSpan: {

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

@@ -86,13 +86,12 @@
     }
 
     ::-webkit-scrollbar-track {
-      background: ${(props) => props.theme.semanticColors.grey[50]};
+      background: ${(props) => props.theme.colors.grey2};
       border-radius: 4px;
     }
 
     ::-webkit-scrollbar-thumb {
-      border-bottom: 10px solid
-        ${(props) => props.theme.semanticColors.grey[500]}; // width of the actual scrollbar
+      border-bottom: 10px solid ${(props) => props.theme.colors.brightBlue}; // width of the actual scrollbar
       border-radius: 4px;
     }
   `
@@ -155,12 +154,9 @@
 
     th {
       padding: 11px 15px;
-      background-color: ${(props) => props.theme.semanticColors.grey[100]};
-      border-bottom: 1px solid
-        ${(props) => props.theme.semanticColors.teal[100]};
+      background-color: ${(props) => props.theme.colors.blue1};
       cursor: auto;
       height: 40px;
-      font-weight: 500;
 
       .ordering {
         display: grid;
@@ -172,14 +168,13 @@
     td {
       padding: ${(props) =>
         props.cellPaddings ? props.cellPaddings : '6px 6px 7px 4px'};
-      border-bottom: 1px solid
-        ${(props) => props.theme.semanticColors.grey[200]};
+      border-bottom: 1px solid ${(props) => props.theme.colors.grey4};
 
       &.empty {
         height: 100px;
         text-align: center;
         cursor: default;
-        background-color: ${(props) => props.theme.colors.white} !important;
+        background-color: #fff !important;
       }
 
       &.no-border {
@@ -256,6 +251,7 @@
       &.footer {
         td {
           background-color: ${(props) => props.theme.colors.grey5};
+          /* border-top: 1px solid ${(props) => props.theme.colors.grey4}; */
         }
 
         .text {
@@ -265,7 +261,7 @@
 
       .text {
         padding: 10px 15px 10px 15px;
-        color: ${(props) => props.theme.semanticColors.teal[800]};
+        color: ${(props) => props.theme.colors.black};
         cursor: ${(props) => (props.tableCursor ? props.tableCursor : 'auto')};
       }
 
@@ -278,7 +274,7 @@
         width: 1%; // necessary so it doesn't take up too much white space
         display: table-cell;
         flex-wrap: nowrap;
-        background-color: ${(props) => props.theme.colors.white};
+        background-color: #fff;
         vertical-align: middle;
       }
 
@@ -287,6 +283,7 @@
         vertical-align: middle;
         cursor: ${(props) =>
           props.tableCursor ? props.tableCursor : 'pointer'};
+        border-bottom: 1px solid ${(props) => props.theme.colors.grey4};
       }
 
       &.container-row td {

package/dist/main.es.js

@@ -1,7 +0,0 @@
-import App from "./main.es2.js";
-import "./main.es3.js";
-import router from "./main.es4.js";
-import { createApp } from "./main.es5.js";
-const app = createApp(App);
-app.use(router);
-app.mount("#app");

package/dist/main.es10.js

@@ -1,10 +0,0 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-export {
-  _export_sfc as default
-};

package/dist/main.es100.js

@@ -1,23 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "18",
-  height: "18",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  d: "m13.483 9.497-3.069 3.069-.414.414V13h-.02l-.98.98-.98-.98H8v-.02l-.414-.414-3.069-3.069 1.414-1.414 2.07 2.068V4h2v6.151l2.068-2.069zM16 16H0v2h18v-2zM16 0H0v2h18V0z"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
-}
-const deal_flow = { render };
-export {
-  deal_flow as default,
-  render
-};

package/dist/main.es101.js

@@ -1,23 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "14",
-  height: "16",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#DEE2EB",
-  d: "M15.771 25.713A1.35 1.35 0 0 0 17.124 27h5.494c.725 0 1.317-.564 1.353-1.287l.79-9.1h-9.78zm5.455-6.842h.903v4.968h-.903zm-1.807 0h.904v4.968h-.904zm-1.806 0h.903v4.968h-.903zM22.129 13.903V13h-4.516v.903H14v1.807h11.742v-1.807z"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
-}
-const _delete = { render };
-export {
-  _delete as default,
-  render
-};

package/dist/main.es102.js

@@ -1,20 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "42",
-  height: "42",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" d="M0 0h40v40H0z"></path><path fill="#fff" d="M20.5 7C21.9 7 23 8.1 23 9.5S21.9 12 20.5 12 18 10.9 18 9.5 19.1 7 20.5 7m0-1C18.6 6 17 7.6 17 9.5s1.6 3.5 3.5 3.5S24 11.4 24 9.5 22.4 6 20.5 6M30.5 7C31.9 7 33 8.1 33 9.5S31.9 12 30.5 12 28 10.9 28 9.5 29.1 7 30.5 7m0-1C28.6 6 27 7.6 27 9.5s1.6 3.5 3.5 3.5S34 11.4 34 9.5 32.4 6 30.5 6M30.5 28c1.4 0 2.5 1.1 2.5 2.5S31.9 33 30.5 33 28 31.9 28 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5M20.5 28c1.4 0 2.5 1.1 2.5 2.5S21.9 33 20.5 33 18 31.9 18 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5"></path><path stroke="#fff" stroke-miterlimit="10" d="M30.5 12v16M28 9.5h-4M28 30.5h-4"></path><path fill="#fff" d="M15 17v7.6c0 .8-.6 1.4-1.4 1.4H9.4c-.8 0-1.4-.6-1.4-1.4V17zm1-1H7v8.6C7 25.9 8.1 27 9.4 27h4.2c1.3 0 2.4-1.1 2.4-2.4z"></path><path fill="#fff" d="M16 15v1H7v-1zm1-1H6v3h11z"></path><path stroke="#fff" stroke-miterlimit="10" d="M11.5 19v5M13.5 19v5M9.5 19v5"></path><path fill="#fff" d="M12 13v1h-1v-1zm1-1h-3v3h3z"></path>', 7);
-const _hoisted_9 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_9);
-}
-const delete_area_active = { render };
-export {
-  delete_area_active as default,
-  render
-};

package/dist/main.es103.js

@@ -1,20 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "30",
-  height: "30",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#666" d="M20.5 7C21.9 7 23 8.1 23 9.5S21.9 12 20.5 12 18 10.9 18 9.5 19.1 7 20.5 7m0-1C18.6 6 17 7.6 17 9.5s1.6 3.5 3.5 3.5S24 11.4 24 9.5 22.4 6 20.5 6M30.5 7C31.9 7 33 8.1 33 9.5S31.9 12 30.5 12 28 10.9 28 9.5 29.1 7 30.5 7m0-1C28.6 6 27 7.6 27 9.5s1.6 3.5 3.5 3.5S34 11.4 34 9.5 32.4 6 30.5 6M30.5 28c1.4 0 2.5 1.1 2.5 2.5S31.9 33 30.5 33 28 31.9 28 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5M20.5 28c1.4 0 2.5 1.1 2.5 2.5S21.9 33 20.5 33 18 31.9 18 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5"></path><path stroke="#666" stroke-miterlimit="10" d="M30.5 12v16M28 9.5h-4M28 30.5h-4"></path><path fill="#666" d="M15 17v7.6c0 .8-.6 1.4-1.4 1.4H9.4c-.8 0-1.4-.6-1.4-1.4V17zm1-1H7v8.6C7 25.9 8.1 27 9.4 27h4.2c1.3 0 2.4-1.1 2.4-2.4z"></path><path fill="#666" d="M16 15v1H7v-1zm1-1H6v3h11z"></path><path stroke="#666" stroke-miterlimit="10" d="M11.5 19v5M13.5 19v5M9.5 19v5"></path><path fill="#666" d="M12 13v1h-1v-1zm1-1h-3v3h3z"></path>', 6);
-const _hoisted_8 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_8);
-}
-const delete_area_inactive = { render };
-export {
-  delete_area_inactive as default,
-  render
-};

package/dist/main.es104.js

@@ -1,20 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "42",
-  height: "42",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" d="M0 0h40v40H0z"></path><path fill="#fff" d="M19.5 7C20.9 7 22 8.1 22 9.5S20.9 12 19.5 12 17 10.9 17 9.5 18.1 7 19.5 7m0-1C17.6 6 16 7.6 16 9.5s1.6 3.5 3.5 3.5S23 11.4 23 9.5 21.4 6 19.5 6M30.5 7C31.9 7 33 8.1 33 9.5S31.9 12 30.5 12 28 10.9 28 9.5 29.1 7 30.5 7m0-1C28.6 6 27 7.6 27 9.5s1.6 3.5 3.5 3.5S34 11.4 34 9.5 32.4 6 30.5 6M30.5 28c1.4 0 2.5 1.1 2.5 2.5S31.9 33 30.5 33 28 31.9 28 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5M19.5 28c1.4 0 2.5 1.1 2.5 2.5S20.9 33 19.5 33 17 31.9 17 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5"></path><path stroke="#fff" stroke-miterlimit="10" d="M30.5 12v16M28 9.5h-6M28 30.5h-6"></path><path fill="#fff" d="M18 19H6v2h12z"></path><path fill="#fff" d="M13 26V14h-2v12z"></path>', 5);
-const _hoisted_7 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_7);
-}
-const direction_active1 = { render };
-export {
-  direction_active1 as default,
-  render
-};

package/dist/main.es105.js

@@ -1,37 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "42",
-  height: "42",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M0 0h40v40H0z"
-}, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  stroke: "#fff",
-  "stroke-miterlimit": "10",
-  "stroke-width": "1.348",
-  d: "M6.5 20h27"
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  stroke: "#fff",
-  "stroke-miterlimit": "10",
-  d: "M19 14 7 20l12 6-5-6z"
-}, null, -1);
-const _hoisted_5 = [
-  _hoisted_2,
-  _hoisted_3,
-  _hoisted_4
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
-}
-const direction_active = { render };
-export {
-  direction_active as default,
-  render
-};

package/dist/main.es106.js

@@ -1,28 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "18",
-  height: "10",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M18 5.8H6V4.2h12z"
-}, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "m0 5 7 5V0z"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
-}
-const direction_arrow = { render };
-export {
-  direction_arrow as default,
-  render
-};

package/dist/main.es107.js

@@ -1,32 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "29",
-  height: "14",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  stroke: "#666",
-  "stroke-miterlimit": "10",
-  "stroke-width": "1.348",
-  d: "M6.5 20h27"
-}, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#666",
-  stroke: "#666",
-  "stroke-miterlimit": "10",
-  d: "M19 14 7 20l12 6-5-6z"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
-}
-const direction_inactive = { render };
-export {
-  direction_inactive as default,
-  render
-};

package/dist/main.es108.js

@@ -1,18 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 14 14"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "m6.405 12.795 3.472-3.471c.232-.232.363-.552.363-.884V2.18c0-.69-.564-1.253-1.253-1.253h-5.64c-.5 0-.952.3-1.153.758L.152 6.454c-.527 1.24.382 2.619 1.73 2.619h3.54l-.596 2.87a.95.95 0 0 0 .257.858.93.93 0 0 0 1.322-.006M12.747.927c-.69 0-1.254.564-1.254 1.253v5.013c0 .69.564 1.253 1.254 1.253.689 0 1.253-.564 1.253-1.253V2.18c0-.69-.564-1.253-1.253-1.253" }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
-}
-const dislike = { render };
-export {
-  dislike as default,
-  render
-};

package/dist/main.es109.js

@@ -1,33 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "18",
-  height: "18",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M18 8v10h-1.6V8zM1.6 8v10H0V8zM5.2 5.38V.082h.873q.268 0 .355.247l.082.344q.14-.144.283-.267.149-.124.318-.21A1.6 1.6 0 0 1 7.908 0q.488 0 .806.262.32.256.483.689.128-.252.314-.432.19-.185.411-.298.225-.113.473-.164.252-.057.503-.057.447 0 .792.134.345.133.575.395.237.257.36.632t.123.853V5.38H11.33V2.014q0-.93-.796-.93-.18 0-.335.062a.75.75 0 0 0-.447.467q-.06.175-.061.401V5.38H8.273V2.014q0-.503-.2-.714-.197-.216-.582-.216-.246 0-.467.118-.217.114-.406.319V5.38zM14.3 12.9l-2.7-2.7v5.4z"
-}, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M13.17 13.7h-8v-1.6h8z"
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "m3.6 12.9 2.7 2.7v-5.4z"
-}, null, -1);
-const _hoisted_5 = [
-  _hoisted_2,
-  _hoisted_3,
-  _hoisted_4
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
-}
-const distance_tool = { render };
-export {
-  distance_tool as default,
-  render
-};