@dataloop-ai/components 0.18.124 → 0.18.126

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.18.124",
+  "version": "0.18.126",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/compound/DlInput/DlInput.vue

@@ -731,11 +731,10 @@ export default defineComponent({
         display: flex;
         align-items: center;
 
+        &--small,
         &--s {
-            margin: 4px auto auto;
-        }
-        &--small {
-            margin: 4px auto auto;
+            margin-bottom: 0;
+            margin-right: 4px;
         }
     }
 

package/src/components/compound/DlSelect/DlSelect.vue

@@ -917,10 +917,7 @@ export default defineComponent({
 <style scoped lang="scss">
 .root-container {
     width: var(--dl-select-width);
-    &--s {
-        display: flex;
-        align-items: center;
-    }
+    &--s,
     &--small {
         display: flex;
         align-items: center;
@@ -935,9 +932,10 @@ export default defineComponent({
         align-items: center;
         color: var(--dl-color-lighter);
 
+        &--s,
         &--small {
-            margin-right: 5px;
-            margin-bottom: 0px;
+            margin-bottom: 0;
+            margin-right: 4px;
         }
     }
 

package/src/components/compound/DlTable/hooks/tablePagination.ts

@@ -16,7 +16,7 @@ export type TablePagination = {
     page?: number
     rowsPerPage?: number
     rowsNumber?: number
-    maxPages?: number
+    maxDisplayRange?: number
 }
 
 function samePagination(oldPag: TablePagination, newPag: TablePagination) {
@@ -69,7 +69,8 @@ export function useTablePaginationState(
                     ? rowsPerPageOptions.value[0]
                     : 5,
                 min: 1,
-                maxPages: 0,
+                // todo: calculate based on width of element
+                maxDisplayRange: 7,
                 boundaryNumbers: true,
                 boundaryLinks: true,
                 directionLinks: true,

package/src/components/compound/DlTable/types.ts

@@ -50,13 +50,9 @@ export type DlTableSortMethod = (
     descending: boolean
 ) => DlTableRow[]
 
-export type DlTablePagination = {
-    page: number
-    rowsPerPage: number
-    rowsNumber?: number
-    sortBy?: string | null
-    descending?: boolean
-}
+import { TablePagination } from './hooks/tablePagination'
+
+export type DlTablePagination = TablePagination
 
 export type DlTableRequestProp = {
     pagination: DlTablePagination

package/src/demos/DlCodeEditor/DlCodeEditorDemo.vue

@@ -37,174 +37,144 @@ export default defineComponent({
         const lines = ref(false)
 
         const codeEditorValue = ref(
-            'import urllib3\n' +
-                'urllib3.disable_warnings()\n' +
-                'from base64 import b64encode\n' +
-                'import os\n' +
-                'import sys\n' +
-                'import json\n' +
-                'import getpass\n' +
-                'from optparse import OptionParser\n' +
-                'from datetime import datetime, timedelta\n' +
-                'import time\n' +
-                'from time import gmtime, strftime, strptime\n' +
-                'from operator import itemgetter, attrgetter\n' +
-                'from purity_fb import PurityFb, FileSystem, FileSystemSnapshot, SnapshotSuffix, rest\n' +
-                '\n' +
-                '# Global Variables\n' +
-                "VERSION = '2.0.0'\n" +
-                "HEADER = 'Pure Storage Take FlashBlade Snapshot (' + VERSION + ')'\n" +
-                "BANNER = ('=' * 132)\n" +
-                'DEBUG_FLAG = False\n' +
-                'VERBOSE_FLAG = False\n' +
-                "COOKIE = ''\n" +
-                '\n' +
-                'def parsecl():\n' +
-                "    usage = 'usage: %prog [options]'\n" +
-                "    version = '%prog ' + VERSION\n" +
-                '    description = "This application has been developed using Pure Storage v1.12 RESTful Web Service interfaces. Developed and tested using Python 3.9.5 Please contact ron@purestorage.com for assistance."\n' +
-                '\n' +
-                '    parser = OptionParser(usage=usage, version=version, description=description)\n' +
-                '\n' +
-                '\n' +
-                "    parser.add_option('-d', '--debug',\n" +
-                "                      action = 'store_true',\n" +
-                "                      dest = 'DEBUG_FLAG',\n" +
-                '                      default = False,\n' +
-                "                      help = 'Debug [default: %default]')\n" +
-                '    \n' +
-                "    parser.add_option('-f', '--filesystem',\n" +
-                "                      action = 'store',\n" +
-                "                      type = 'string',\n" +
-                "                      dest = 'fs',\n" +
-                "                      help = 'FlashBlade File System')\n" +
-                '        \n' +
-                "    parser.add_option('-r', '--replicant',\n" +
-                "                      action = 'store',\n" +
-                "                      type = 'string',\n" +
-                "                      dest = 'flashBladeRep',\n" +
-                "                      help = 'FlashBlade Replicant array')\n" +
-                '                      \n' +
-                "    parser.add_option('-s', '--server',\n" +
-                "                      action = 'store',\n" +
-                "                      type = 'string',\n" +
-                "                      dest = 'flashBlade',\n" +
-                "                      help = 'FlashBlade array')\n" +
-                '    \n' +
-                "    parser.add_option('-t', '--token',\n" +
-                "                      action = 'store',\n" +
-                "                      type = 'string',\n" +
-                "                      dest = 'API_TOKEN',\n" +
-                "                      help = 'Pure API Token')\n" +
-                '\n' +
-                "    parser.add_option('-S', '--suffix',\n" +
-                "                      action = 'store',\n" +
-                "                      type = 'string',\n" +
-                "                      dest = 'suffix',\n" +
-                "                      help = 'File system snapshot suffix')\n" +
-                '\n' +
-                "    parser.add_option('-v', '--verbose',\n" +
-                "                      action = 'store_true',\n" +
-                "                      dest = 'VERBOSE_FLAG',\n" +
-                '                      default = False,\n' +
-                "                      help = 'Verbose [default: %default]')\n" +
-                '\n' +
-                '    (options, args) = parser.parse_args()\n' +
-                '\n' +
-                "    '''\n" +
-                '    print("Options:", options)\n' +
-                '    print("Args:", args)\n' +
-                "    '''\n" +
-                '    \n' +
-                '    return(options)\n' +
-                '\n' +
-                'def main():\n' +
-                '    # Setup variables\n' +
-                '    global DEBUG_FLAG\n' +
-                '    exit_code = 0\n' +
-                '\n' +
-                '    # Check for command line parameters\n' +
-                '    options = parsecl()\n' +
-                '    API_TOKEN = options.API_TOKEN\n' +
-                '    flashBlade = options.flashBlade\n' +
-                '    flashBladeRep = options.flashBladeRep\n' +
-                '    fs = options.fs\n' +
-                '    suffix = options.suffix\n' +
-                '    DEBUG_FLAG = options.DEBUG_FLAG\n' +
-                '    VERBOSE_FLAG = options.VERBOSE_FLAG\n' +
-                '    \n' +
-                '    if DEBUG_FLAG:\n' +
-                "        print('API Token:', API_TOKEN)\n" +
-                "        print('FlashBlade:', flashBlade)\n" +
-                "        print('Relplicant:', flashBladeRep)\n" +
-                "        print('File System:', fs)\n" +
-                "        print('Suffix:', suffix)\n" +
-                "        print('Debug Flag:', DEBUG_FLAG)\n" +
-                "        print('Verbose Flag:', VERBOSE_FLAG)\n" +
-                '\n' +
-                '    if flashBlade == None:\n' +
-                "        sys.exit('Exiting: You must provide FlashBlade details')\n" +
-                '        \n' +
-                '    if API_TOKEN == None:\n' +
-                "        sys.exit('Exiting: You must provide FlashBlade API Token details')\n" +
-                '\n' +
-                '    if fs == None:\n' +
-                "        sys.exit('Exiting: You must provide FlashBlade file system')\n" +
-                '\n' +
-                '    print(BANNER)\n' +
-                "    print(HEADER + ' - ' + flashBlade)\n" +
-                "    print(strftime('%d/%m/%Y %H:%M:%S %Z', gmtime()))\n" +
-                '    print(BANNER)\n' +
-                '\n' +
-                '    # create PurityFb object for a certain array\n' +
-                '    fb = PurityFb(flashBlade)\n' +
-                '    # this is required for versions before Purity//FB 2.1.3 because they only supports self-signed\n' +
-                '    # certificates. in later versions, this may be unnecessary if you have imported a certificate.\n' +
-                '    fb.disable_verify_ssl()\n' +
-                '    \n' +
-                '    try:\n' +
-                '        res= fb.login(API_TOKEN)\n' +
-                '    except rest.ApiException as e:\n' +
-                '        print("Exception when logging in to the array: %s\\n" % e)\n' +
-                '\n' +
-                '    if res:\n' +
-                '        try:\n' +
-                '            if flashBladeRep:\n' +
-                '                if suffix:\n' +
-                '                  # create a snapshot with suffix and replicate to target array\n' +
-                '                  res = fb.file_system_snapshots.create_file_system_snapshots(sources=[fs],\n' +
-                '                                                                              suffix=SnapshotSuffix(suffix),\n' +
-                '                                                                              send=True,\n' +
-                '                                                                              targets=[flashBladeRep])\n' +
-                '                else:\n' +
-                '                  # create a snapshot without suffix and replicate to target array\n' +
-                '                  res = fb.file_system_snapshots.create_file_system_snapshots(sources=[fs],\n' +
-                '                                                                              send=True,\n' +
-                '                                                                              targets=[flashBladeRep])\n' +
-                '            else:\n' +
-                '                if suffix:\n' +
-                '                  # create a snapshot with suffix for the file system\n' +
-                '                  res = fb.file_system_snapshots.create_file_system_snapshots(sources=[fs],\n' +
-                '                                                                             suffix=SnapshotSuffix(suffix))\n' +
-                '                else:\n' +
-                '                  # create a snapshot without suffix for the file system\n' +
-                '                  res = fb.file_system_snapshots.create_file_system_snapshots(sources=[fs])\n' +
-                '                \n' +
-                '            if VERBOSE_FLAG:\n' +
-                '                print(res)\n' +
-                '            \n' +
-                "            print('Snapshot created for', fs, 'suffix', res.items[0].suffix) \n" +
-                '\n' +
-                '        except rest.ApiException as e:\n' +
-                '            print("Exception when creating file system snapshots: %s\\n" % e)        \n' +
-                '\n' +
-                '    fb.logout()\n' +
-                '    print(BANNER)\n' +
-                "    print(strftime('%d/%m/%Y %H:%M:%S %Z', gmtime()))\n" +
-                '    print(BANNER)\n' +
-                '    sys.exit(exit_code)\n' +
-                '\n' +
-                'main()'
+            `import getopt, sys, urllib, time
+
+def main():
+
+    status = 0
+
+# input arguments
+
+    try:
+    opts, args = getopt.getopt(sys.argv[1:],"h:iq",
+                   ["help","invid=","quarter="])
+    except getopt.GetoptError:
+    usage()
+    tree = False
+    for o, a in opts:
+    if o in ("-h", "--help"):
+        usage()
+    if o in ("-i", "--invid"):
+        invid = str(a)
+    if o in ("-q", "--quarter"):
+        quarter = int(a)
+
+    kepid, invid, kepmag, mode, start, stop, release = GetMetaData(invid,quarter)
+
+# convert Gregorian date to Julian date
+
+def Greg2JD(year, month, day):
+
+    if (month < 3):
+        y = float(year) - 1.0
+        m = float(month) + 12.0
+    else:
+        y = float(year)
+        m = float(month)
+    a = 0; b = 0
+    if (y + m / 12 + float(day) / 365 > 1582.87166):
+        a = int(y / 100)
+        b = 2 - a + int(float(a / 4))
+    c = 0
+    if (y < 0.0):
+        c = int(365.25 * y - 0.75)
+    else:
+        c = int(365.25 * y)
+    d = int(30.6001 * (m + 1))
+    jd = float(b + c + d + day + 1720994.5);
+
+    return jd
+
+# start and stop Julian dates for Kepler quarters
+
+def QuarterDates(quarter):
+
+    Qstart = [2454953.5,2454964.5,2454998.5]
+    Qstop  = [2454962.5,2454997.5,2455100.5]
+    if (quarter < len(Qstart)):
+        return Qstart[quarter] - 10, Qstop[quarter] + 10
+    else:
+        message  = 'No spacecraft roll dates recorded for quarter ' + str(quarter) + '.\n'
+        message += 'Find an updated script at http://keplergo.arc.nasa.gov'
+        sys.exit(message)
+
+def GetMetaData(invid,quarter):
+
+# get start and stop dates for quarter
+
+    Qstart, Qstop = QuarterDates(quarter)
+
+# URL for MAST data access
+
+    url = 'http://archive.stsci.edu/kepler/data_search/search.php?'
+    url += 'action=Search'
+    url += '&max_records=100000'
+    url += '&verb=3'
+    url += '&ktc_investigation_id=' + invid
+    url += '&ktc_target_type[]=LC'
+    url += '&ktc_target_type[]=SC'
+    url += '&outputformat=CSV'
+
+# retrieve results from MAST
+
+    lines = urllib.urlopen(url)
+
+# extract metadata from CSV
+
+    print '\n%4s %9s %7s %5s %2s %10s %10s %10s' % \
+        ('#', 'KepID', 'InvID', 'KpMag', 'Md', 'Start', 'Stop', 'Release')
+    kepid = []; invid = []; mode = []
+    ra = []; dec = []; kepmag = []
+    start = []; stop = []; release = []
+    for line in lines:
+        line = line.strip().split(',')
+        if (len(line[0]) > 0 and 
+            'Kepler' not in line[0] and 
+            'integer' not in line[0] and
+            'no rows found' not in line[0]):
+            GregStart = line[7][:10].split('-')
+            GregStop = line[8][:10].split('-')
+            JDstart = Greg2JD(int(GregStart[0]),int(GregStart[1]),int(GregStart[2]))
+            JDstop = Greg2JD(int(GregStop[0]),int(GregStop[1]),int(GregStop[2]))
+            if (JDstart > Qstart and JDstop < Qstop):
+                kepid.append(line[0])
+                invid.append(line[1])
+                kepmag.append(float(line[22]))
+                mode.append(line[6])
+                ra.append(line[4])
+                dec.append(line[5])
+                start.append(line[7])
+                stop.append(line[8])
+                release.append(line[9])
+                print '%4d %9s %7s %5.2f %2s %10s %10s %10s' % \
+                    (len(kepid), kepid[-1], invid[-1], kepmag[-1], mode[-1], 
+                     start[-1][:10], stop[-1][:10], release[-1][:10])
+    if (len(kepid) == 0):
+        print '\nNo data available as of ' + time.asctime(time.localtime())
+    else:
+        print '\n' + time.asctime(time.localtime())
+
+    return kepid, invid, kepmag, mode, start, stop, release
+
+def usage():
+
+    print ' -------------------------------------------------------------------------'
+    print ' Martin Still (martin.d.still@nasa.gov) NASA Ames Nov 11, 2009'
+    print ' '
+    print ' Find all quarter data associated with an investigation ID within the MAST'
+    print ' archive.'
+    print ' '
+    print ' Typical usage:'
+    print ' KepInvestigationAtMAST.py --invid=GO10003 --quarter=1'
+    print ' '
+    print ' --invid  Investigation ID number of GO program'
+    print ' --quarter  Kepler quarter (integer number)'
+    print ' -------------------------------------------------------------------------'
+    sys.exit(' ')
+
+#-------------------------------
+if __name__ == "__main__":
+    main()`
         )
         const language = ref('python')
 

package/src/demos/DlInputDemo.vue

@@ -143,6 +143,43 @@
                 </template>
             </dl-input>
         </div>
+
+        <p>input with tooltip and no title</p>
+        <div>
+            <dl-input
+                class="input-parts"
+                placeholder="Select option"
+                tooltip="test me tooltip"
+            >
+                <template #action>
+                    <dl-button
+                        dense
+                        flat
+                        icon="icon-dl-add"
+                        size="m"
+                    />
+                </template>
+            </dl-input>
+        </div>
+
+        <p>input with tooltip and no title size small</p>
+        <div>
+            <dl-input
+                class="input-parts"
+                placeholder="Select option"
+                tooltip="test me tooltip"
+                size="small"
+            >
+                <template #action>
+                    <dl-button
+                        dense
+                        flat
+                        icon="icon-dl-add"
+                        size="m"
+                    />
+                </template>
+            </dl-input>
+        </div>
     </div>
 </template>
 <script lang="ts">

package/src/demos/DlSelectDemo.vue

@@ -426,6 +426,81 @@
                 </div>
             </template>
         </dl-select>
+
+        Select with tooltip no title
+        <dl-select
+            v-model="selectedOption"
+            :options="[
+                {
+                    subLabel: 'not so high',
+                    label: 'High',
+                    value: 'high',
+                    bgColor: 'dl-color-negative'
+                },
+                {
+                    subLabel: 'not so medium',
+                    label: 'Medium',
+                    value: 'medium',
+                    bgColor: 'dl-color-warning',
+                    textColor: 'dl-color-darker'
+                },
+                {
+                    subLabel: 'not so low',
+                    label: 'Low',
+                    value: 'low',
+                    bgColor: 'dl-color-positive',
+                    textColor: 'dl-color-darker'
+                }
+            ]"
+            clearable
+            style="margin-bottom: 150px"
+            tooltip="test tooltip"
+        >
+            <template #option="scope">
+                <div style="padding: 5px 0px">
+                    <div>{{ scope.opt.label }}</div>
+                    <div>{{ scope.opt.subLabel }}</div>
+                </div>
+            </template>
+        </dl-select>
+
+        Select with tooltip no title size small
+        <dl-select
+            v-model="selectedOption"
+            :options="[
+                {
+                    subLabel: 'not so high',
+                    label: 'High',
+                    value: 'high',
+                    bgColor: 'dl-color-negative'
+                },
+                {
+                    subLabel: 'not so medium',
+                    label: 'Medium',
+                    value: 'medium',
+                    bgColor: 'dl-color-warning',
+                    textColor: 'dl-color-darker'
+                },
+                {
+                    subLabel: 'not so low',
+                    label: 'Low',
+                    value: 'low',
+                    bgColor: 'dl-color-positive',
+                    textColor: 'dl-color-darker'
+                }
+            ]"
+            clearable
+            style="margin-bottom: 150px"
+            size="small"
+            tooltip="test tooltip"
+        >
+            <template #option="scope">
+                <div style="padding: 5px 0px">
+                    <div>{{ scope.opt.label }}</div>
+                    <div>{{ scope.opt.subLabel }}</div>
+                </div>
+            </template>
+        </dl-select>
     </div>
 </template>
 

package/src/demos/DlTableDemo.vue

@@ -446,6 +446,7 @@ import {
 } from '../components'
 import { defineComponent, ref, computed, nextTick } from 'vue-demi'
 import { times, cloneDeep, isNumber } from 'lodash'
+import { DlTablePagination } from '../types'
 
 const columns = [
     {
@@ -591,7 +592,7 @@ const rows = [
         calcium: '12%',
         iron: '6%'
     },
-    ...times(100, (index) => ({
+    ...times(1000, (index) => ({
         name: 'KitKat' + index,
         calories: 518,
         fat: 26.0,
@@ -681,11 +682,12 @@ export default defineComponent({
             }
         }
 
-        const pagination = ref({
+        const pagination = ref<DlTablePagination>({
             sortBy: 'desc',
             descending: false,
             page: 2,
-            rowsPerPage: 3
+            rowsPerPage: 3,
+            maxDisplayRange: 9
             // rowsNumber: xx if getting data from a server
         })