layers-design-system 2.4.0 → 2.6.0

package/src/components/LSearchTopics/header.vue

@@ -1,199 +0,0 @@
-<template>
-  <div class="app-navigation">
-    <div class="search-topics-header l-d-flex l-align-items-center pl-2 pr-3">
-      <l-button
-        @click="back()"
-        circle
-        icon="uil-arrow-left"
-        class="border-none gray-70--text f-24 p-1"
-      >
-      </l-button>
-      <div :class="setInputClass('blurred')">
-        <input
-          style="width: 100%;"
-          autocomplete="off"
-          placeholder="Pesquisar"
-          v-model="query.q"
-          @focus="setInputClass('focused')"
-          @blur="setInputClass('blurred')"
-          @keypress.enter="$event.target.blur()"
-          @input="updateQuery($event)"
-        />
-        <l-icon
-          class="lead-light--text cursor-pointer"
-          v-if="query.q"
-          @click="clearInput()"
-          size="16"
-        >
-          uil-times
-        </l-icon>
-      </div>
-      <l-button
-        :disabled="!hasAnySelectedTopic"
-        @click="save()"
-        :loading="loading"
-        type="primary"
-        class="bold l-d-flex l-align-items-center f-14 ml-2"
-      >
-        Salvar
-      </l-button>
-    </div>
-    <div
-      class="filter-kind l-d-flex px-3 pb-2"
-      v-if="query.q || query.kind !== '*'"
-    >
-      <l-radio-group
-        v-model="queryKind"
-        class="l-flex-nowrap"
-        size="small"
-        separated
-        color="lead-light"
-      >
-        <l-radio-button
-          v-for="kind in filteredKinds"
-          :key="kind.value"
-          :label="kind.value"
-        >
-          <l-icon
-            v-if="kind.icon"
-            :color="!isSelected(kind.value) ? 'lead-light' : 'white'"
-            size="13"
-          >
-            {{ kind.icon }}
-          </l-icon>
-
-          {{ kind.name }}
-        </l-radio-button>
-      </l-radio-group>
-    </div>
-    <l-linear-progress v-if="loading || typing"></l-linear-progress>
-  </div>
-</template>
-
-<script>
-import get from 'lodash/get'
-
-export default {
-  props: {
-    query: {
-      type: Object,
-    },
-    typing: {
-      type: Boolean,
-      default: false,
-    },
-    loading: {
-      type: Boolean,
-      default: false,
-    },
-    hasAnySelectedTopic: {
-      type: Boolean,
-      default: false,
-    },
-    kinds: {
-      type: Array,
-    },
-  },
-  computed: {
-    filteredKinds: function() {
-      return this.kinds.filter(
-        (kind) =>
-          this.query.q || !(kind.value === 'member' || kind.value === 'user')
-      )
-    },
-
-    queryKind: {
-      get: function() {
-        return this.query.kind
-      },
-      set: function(val) {
-        this.$emit('input', {
-          q: this.query.q,
-          kind: val,
-          page: 0,
-        })
-      },
-    },
-  },
-  methods: {
-    clearInput: function() {
-      this.$emit('input', {
-        q: null,
-        kind: '*',
-        page: 0,
-      })
-    },
-
-    isSelected: function(kindValue) {
-      return get(this.query, 'kind', null) === kindValue
-    },
-
-    updateQuery: function(event) {
-      const q = get(event, 'target.value', null)
-      this.$emit('input', {
-        q: q,
-        kind: '*',
-        page: 0,
-      })
-    },
-
-    setInputClass: function(option) {
-      const defaultClass = 'search-input-wrapper ml-2 l-flex'
-      return defaultClass + ' ' + option
-    },
-
-    back: function() {
-      this.$emit('close')
-    },
-
-    save: function() {
-      this.$emit('save')
-    },
-  },
-}
-</script>
-<style scoped>
-.f-24 {
-  font-size: 24px !important;
-}
-.border-none {
-  border: none !important;
-}
-.app-navigation {
-  min-height: 72px;
-}
-.search-topics-header {
-  height: 72px;
-}
-.filter-kind {
-  overflow-x: auto;
-}
-.search-input-wrapper {
-  border: none;
-  border-radius: 4px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  height: 40px;
-  outline: none;
-  padding-left: 12px;
-  padding-right: 16px;
-}
-.focused {
-  border: 1px solid var(--aqua);
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.blurred {
-  border: 1px solid var(--gray-50);
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.search-input-wrapper > input {
-  border: none;
-  outline: none;
-  padding-left: 8px;
-  width: 100%;
-}
-.search-input-wrapper > input::placeholder {
-  color: var(--gray-40);
-}
-</style>

package/src/components/LSearchTopics/helpers/showDialogConfirmation.js

@@ -1,30 +0,0 @@
-import PromptDialog from '../../LPromptDialog/index.vue'
-import VueModals from '@tenda.digital/vue-modals'
-
-export default async function(dialog) {
-  const platform = window.LayersPortal ? window.LayersPortal.platform : 'shell'
-
-  if (platform === 'shell' || platform === 'iframe') {
-    const modalStack = VueModals.Modals.stack()
-    const modal = modalStack.push({
-      layout: 'dialog',
-      showClose: false,
-      component: PromptDialog,
-      props: {
-        title: dialog.title,
-        content: dialog.content,
-        buttonCloseLabel: dialog.buttonCloseLabel,
-        buttonConfirmLabel: dialog.buttonConfirmLabel,
-      },
-    })
-
-    try {
-      const result = await modal
-      return result
-    } catch (err) {
-      return false
-    }
-  }
-
-  return window.confirm(dialog.content || dialog.title)
-}

package/src/components/LSearchTopics/helpers/showDiscardChangesDialog.js

@@ -1,27 +0,0 @@
-import PromptDialog from '../../LPromptDialog/index.vue'
-import VueModals from '@tenda.digital/vue-modals'
-
-export default async function showDiscardChangesDialog() {
-  const modalStack = VueModals.Modals.stack()
-  window.history.go(1)
-  const dialog = modalStack.push({
-    layout: 'dialog',
-    showClose: false,
-    component: PromptDialog,
-    props: {
-      buttonCloseLabel: 'Permanecer aqui',
-      buttonConfirmLabel: 'Descartar alterações',
-      title: 'Alterações não salvas',
-      content:
-        'Você quer mesmo sair? Existem alterações que não foram salvas. Se você sair, suas alterações serão perdidas.',
-    },
-  })
-  try {
-    const result = await dialog
-    if (result) {
-      return result
-    }
-  } catch (err) {
-    // Ignored
-  }
-}