@propelinc/citrus-ui 0.5.1 → 1.0.0

package/src/components/helpers/SelectInput.vue

@@ -1,115 +0,0 @@
-<script>
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
-
-/**
- *  NOTE(mohan): This component is meant to be an alternative to VSelect that uses native
- * <select/> tags.
- *
- * Because Vuetify uses its implementation of a dropdown that imitates a desktop menu,
- * it's hard to use on mobile. This component replaces the inner <input> of a VTextField
- * with a <select/> so that we can use continue to use all of the nice Vuetify features while also
- * having a native <select/>.
- *
- * See: https://github.com/vuetifyjs/vuetify/issues/4059. */
-import { VTextField } from 'vuetify/lib';
-
-export default {
-  name: 'SelectInput',
-  extends: VTextField,
-
-  props: {
-    items: {
-      type: Array,
-      default: () => [],
-    },
-    placeholder: {
-      type: String,
-      default: null,
-    },
-  },
-
-  methods: {
-    genInput() {
-      const listeners = { ...this.listeners$ };
-      delete listeners.change; // Change should not be bound externally
-
-      return this.$createElement(
-        'select',
-        {
-          style: {},
-          domProps: {
-            value: this.lazyValue,
-          },
-          attrs: {
-            ...this.attrs$,
-            autofocus: this.autofocus,
-            disabled: this.disabled,
-            id: this.computedId,
-            readonly: this.readonly,
-          },
-          class: !this.isDirty ? 'select-input--placeholder' : undefined,
-          on: {
-            ...listeners,
-            blur: this.onBlur,
-            input: this.onInput,
-            focus: this.onFocus,
-            keydown: this.onKeyDown,
-          },
-          ref: 'input',
-        },
-        this.genOptions()
-      );
-    },
-
-    genOptions() {
-      let options = this.items.map((item) => {
-        return this.$createElement('option', {
-          domProps: {
-            innerHTML: item.label,
-            value: item.value,
-          },
-        });
-      });
-      if (this.placeholder) {
-        options = [
-          this.$createElement('option', {
-            domProps: {
-              innerHTML: this.placeholder,
-              value: '',
-              hidden: true,
-              disabled: true,
-              selected: true,
-            },
-          }),
-          ...options,
-        ];
-      }
-      return options;
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/styles/core.scss';
-
-select {
-  color: $color-navy;
-  cursor: pointer;
-  height: 100%;
-  padding: 8px 0 8px;
-  width: 100%;
-}
-
-select:focus {
-  outline: none;
-}
-
-.select-input--placeholder {
-  color: $color-navy-tint-3;
-}
-
-::v-deep .v-text-field__slot {
-  align-self: stretch;
-}
-</style>

package/src/shims-scss.d.ts

@@ -1,4 +0,0 @@
-declare module '*.scss' {
-  const content: Record<string, string>;
-  export default content;
-}

package/src/shims-vuetify.d.ts

@@ -1,4 +0,0 @@
-declare module 'vuetify/lib/framework' {
-  import Vuetify from 'vuetify';
-  export default Vuetify;
-}

package/src/styles/_blitz.scss

@@ -1,8 +0,0 @@
-@import "./core.scss";
-
-@font-face {
-  font-family: $font-family-blitz;
-  font-style: normal;
-  font-weight: $font-weight-normal;
-  src: url('~@/assets/fonts/Blitz-Script.woff2') format('woff2'), 
-}

package/src/styles/_object-sans.scss

@@ -1,23 +0,0 @@
-@import "./core.scss";
-
-@mixin object-sans($font-weight, $file-name-normal, $file-name-slanted) {
-  @font-face {
-    font-family: $font-family-object-sans;
-    font-style: normal;
-    font-weight: $font-weight;
-    src: url('~@/assets/fonts/#{$file-name-normal}.woff2') format('woff2'), 
-  }
-  
-  @font-face {
-    font-family: $font-family-object-sans;
-    font-style: italic;
-    font-weight: $font-weight;
-    src: url('~@/assets/fonts/#{$file-name-slanted}.woff2') format('woff2'), 
-  }
-}
-
-@include object-sans($font-weight-thin, 'ObjectSans-Thin', 'ObjectSans-ThinSlanted');
-@include object-sans($font-weight-light, 'ObjectSans-Light', 'ObjectSans-LightSlanted');
-@include object-sans($font-weight-normal, 'ObjectSans-Regular', 'ObjectSans-Slanted');
-@include object-sans($font-weight-bold, 'ObjectSans-Bold', 'ObjectSans-BoldSlanted');
-@include object-sans($font-weight-heavy, 'ObjectSans-Heavy', 'ObjectSans-HeavySlanted');

package/tsconfig.dist.json

@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "dist"
-  },
-  "exclude": [
-    "tests/**/*.ts"
-  ]
-}

package/tsconfig.json

@@ -1,42 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "module": "esnext",
-    "strict": true,
-    "jsx": "preserve",
-    "importHelpers": true,
-    "moduleResolution": "node",
-    "experimentalDecorators": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "resolveJsonModule": true,
-    "sourceMap": true,
-    "baseUrl": ".",
-    "types": [
-      "webpack-env",
-      "jest",
-      "vuetify"
-    ],
-    "paths": {
-      "@/*": [
-        "src/*"
-      ]
-    },
-    "lib": [
-      "esnext",
-      "dom",
-      "dom.iterable",
-      "scripthost"
-    ]
-  },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.vue",
-    "tests/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    ".storybook"
-  ]
-}

package/vue.config.js

@@ -1,5 +0,0 @@
-module.exports = {
-  lintOnSave: true,
-
-  transpileDependencies: ['vuetify'],
-};