@pocketprep/ui-kit 3.9.1 → 3.9.3

package/lib/components/Forms/Input.vue

@@ -127,7 +127,7 @@ const {
     minNumber?: number
     placeholder?: string
     maxlength?: string // default input field length
-    modelValue?: string | null
+    modelValue?: string | number | null
     disabled?: boolean
     autoFocus?: boolean
     error?: boolean
@@ -141,7 +141,7 @@ const {
 }>()
 
 const emit = defineEmits<{
-    'update:modelValue': [modelVal: string]
+    'update:modelValue': [modelVal: string | number]
 }>()
 
 const hover = ref(false)

package/lib/components/Forms/Select.vue

@@ -148,7 +148,7 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" generic="T extends IItem">
 import Icon from '../Icons/Icon.vue'
 import { dark as vDark } from '../../directives'
 import { computed, nextTick, onMounted, ref, useTemplateRef, watch } from 'vue'
@@ -173,10 +173,10 @@ const {
     showTypeaheadClear = false,
 } = defineProps<{
     label?: string
-    modelValue?: IItem | null
+    modelValue?: T | null
     subtext?: string
     placeholder?: string
-    data: IItem[]
+    data: T[]
     disabled?: boolean
     autoFocus?: boolean
     showEmptyOption?: boolean
@@ -191,8 +191,8 @@ const {
 }>()
 
 const emit = defineEmits<{
-    'update:modelValue': [modelVal: IItem | null]
-    'linkClick': [item: IItem | null]
+    'update:modelValue': [modelVal: T | null]
+    'linkClick': [item: T | null]
     'openDropdown': [open: boolean]
     'close': []
 }>()
@@ -213,7 +213,7 @@ const filteredData = computed(() => {
         return data.filter(item => item.label.toLowerCase().includes(searchText.value.toLowerCase()))
     } else {
         if (showEmptyOption && modelValue) {
-            return [{ value: null, label: emptyOptionLabel || '' }, ...data ]
+            return [ { value: null, label: emptyOptionLabel || '' } as T, ...data ]
         }
         return data
     }
@@ -394,7 +394,7 @@ const focusSelect = () => {
     }
 }
 
-const selectItem = (item: IItem) => {
+const selectItem = (item: T) => {
     if (item) {
         showDropdown.value = false
     }
@@ -446,11 +446,11 @@ watch(searchText, (newVal: string) => {
     }
 })
 
-const emitUpdateModelValue = (item: IItem | null) => {
+const emitUpdateModelValue = (item: T | null) => {
     emit('update:modelValue', item)
 }
 
-const emitLinkClick = (item: IItem | null) => {
+const emitLinkClick = (item: T | null) => {
     emit('linkClick', item)
 }
 

package/lib/components/Forms/select.d.ts

@@ -1,5 +1,5 @@
 export interface IItem {
-    value?: string | null
+    value?: number | string | null
     label: string
     type?: 'option' | 'link'
     subtext?: string

package/lib/components/PhonePerson/PhonePerson.vue

@@ -13,7 +13,6 @@
 </template>
 
 <script setup lang="ts">
-import type { TBundleIds } from './phonePerson'
 import PhonePersonBehavioralHealth from './phoneperson-behavioralhealth@2x.png'
 import PhonePersonEMT from './phoneperson-emt@2x.png'
 import PhonePersonEssentials from './phoneperson-essentials@2x.png'
@@ -26,10 +25,8 @@ import PhonePersonNursingSchool from './phoneperson-nursingschool@2x.png'
 import PhonePersonProfessional from './phoneperson-professional@2x.png'
 import PhonePersonSkilledTrades from './phoneperson-skilledtrades@2x.png'
 
-const {
-    bundleId = 'mO5EIsoZ9H',
-} = defineProps<{
-    bundleId?: TBundleIds
+defineProps<{
+    bundleId: string
 }>()
 
 const urls = {

package/lib/components/Tables/Table.vue

@@ -237,11 +237,11 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" generic="R extends TTableRow, C extends ITableColumn">
 import Icon from '../Icons/Icon.vue'
 import OverflowTooltip from '../Tooltips/OverflowTooltip.vue'
 import { dark as vDark } from '../../directives'
-import type { ITableColumn, TTableRow, TSortDirection, ITableSortSettings } from './table'
+import type { ITableColumn, TTableRow, TSortDirection, ITableSortSettings, TTableSubrow } from './table'
 import { ref, watch } from 'vue'
 
 const {
@@ -268,12 +268,12 @@ const {
     tableCellStyles = undefined,
     tableSubrowsStyles = undefined,
 } = defineProps<{
-    columns: ITableColumn[]
-    rows: TTableRow[]
+    columns: C[]
+    rows: R[]
     showHeader?: boolean
     name?: string
     count?: string | number
-    grid?: Record<string, string>
+    grid?: Record<string, string> | null
     sortToggleOrder?: TSortDirection[]
     defaultSort?: ITableSortSettings
     isDarkMode?: boolean
@@ -308,10 +308,10 @@ const {
 
 const emit = defineEmits<{
     'sort': [sortSettings: ITableSortSettings]
-    'rowClicked': [row: TTableRow]
-    'rowEnter': [row: TTableRow]
-    'rowLeave': [row: TTableRow]
-    'cellClicked': [rowAndColumn: { row: TTableRow; column: ITableColumn }]
+    'rowClicked': [row: R | TTableSubrow]
+    'rowEnter': [row: R | TTableSubrow]
+    'rowLeave': [row: R | TTableSubrow]
+    'cellClicked': [rowAndColumn: { row: R | TTableSubrow; column: C }]
 }>()
 
 const gridStyles = ref<Record<string, string>>({})
@@ -335,7 +335,7 @@ if (grid) {
     }
 }
 
-const columnLabelClicked = (column: ITableColumn) => {
+const columnLabelClicked = (column: C) => {
     // Do nothing if the column has disabled sort
     if (column.isSortDisabled) {
         return
@@ -371,19 +371,19 @@ const emitSort = () => {
     emit('sort', currentSort.value)
 }
 
-const emitRowClicked = (row: TTableRow) => {
+const emitRowClicked = (row: R | TTableSubrow) => {
     emit('rowClicked', row)
 }
 
-const emitRowEnter = (row: TTableRow) => {
+const emitRowEnter = (row: R | TTableSubrow) => {
     emit('rowEnter', row)
 }
 
-const emitRowLeave = (row: TTableRow) => {
+const emitRowLeave = (row: R | TTableSubrow) => {
     emit('rowLeave', row)
 }
 
-const emitCellClicked = (row: TTableRow, column: ITableColumn) => {
+const emitCellClicked = (row: R | TTableSubrow, column: C) => {
     emit('cellClicked', {
         row,
         column,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pocketprep/ui-kit",
-  "version": "3.9.1",
+  "version": "3.9.3",
   "description": "Pocket Prep UI Kit",
   "author": "pocketprep",
   "scripts": {

package/lib/components/PhonePerson/phonePerson.d.ts

@@ -1,12 +0,0 @@
-export type TBundleIds =
-    'mO5EIsoZ9H'
-    | 'uKLwvbsbPV'
-    | 'gAlCkoUVLl'
-    | 'GVCNrq4ixh'
-    | 'PusoOu7qGQ'
-    | '1kS20KPPkH'
-    | 'tVMt7KCrkQ'
-    | '4dTgUX97Dk'
-    | '9970muCFGV'
-    | 'k9T5L3kC0U'
-    | 'DO5jBm0OJo'