new-column-type

Author: Samvel Baghdasaryan

package.json

@@ -1,6 +1,6 @@
 {
   "name": "beautiful-react-table",
-  "version": "7.7.3",
+  "version": "7.7.4",
   "description": "My first react typescript package",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",

src/Models/table.enum.ts

@@ -52,6 +52,7 @@ export enum ColumnTypeEnums {
   Tags = 'Tags',
   NumberCollection = 'NumberCollection',
   TextCollection = 'TextCollection',
+  TikoType = 'TikoType',
 }
 
 export const numberFields = [ColumnTypeEnums.Number, ColumnTypeEnums.Currency, ColumnTypeEnums.Percentage]

src/table/MainHeader/Filter/FiltersPerColumn/UiTypes/ModalSingleField.tsx

@@ -75,7 +75,7 @@ const ModalForSingleField = ({
     setIsLoadedMoreData(false)
     const selectedValue: string[] = value.length ? [value.at(-1)] : []
     setCheckedItems(selectedValue)
-    if (item.ColumnType !== ColumnTypeEnums.Text) {
+    if (item.ColumnType !== ColumnTypeEnums.Text && item.ColumnType !== ColumnTypeEnums.TikoType) {
       let newValues: number[] = []
       newValues = selectedValue.map((item: string) => +item)
       if (!isOpened) {
@@ -90,7 +90,11 @@ const ModalForSingleField = ({
     }
   }
   const onChange = (newInputValue: string) => {
-    if (item.ColumnType !== ColumnTypeEnums.Text && !containsOnlyNumbers(newInputValue)) {
+    if (
+      item.ColumnType !== ColumnTypeEnums.Text &&
+      item.ColumnType !== ColumnTypeEnums.TikoType &&
+      !containsOnlyNumbers(newInputValue)
+    ) {
       setErrMessage(translations?.filterAction.onlyNumbers || 'only numbers')
       setVal(newInputValue)
       return
@@ -103,7 +107,7 @@ const ModalForSingleField = ({
 
   const isEmpty = () => {
     if (item.ColumnName === columnName && !isLoadingFilters && !perColumnListForFilters?.length && val.length) {
-      if (item.ColumnType !== ColumnTypeEnums.Text) {
+      if (item.ColumnType !== ColumnTypeEnums.Text && item.ColumnType !== ColumnTypeEnums.TikoType) {
         if (containsOnlyNumbers(val)) return true
       } else {
         return true
@@ -144,7 +148,7 @@ const ModalForSingleField = ({
   useEffect(() => {
     if (item.ColumnName === filterTyping.PropertyName) {
       let newValues: string[] = filterTyping.CheckedItems
-      if (item.ColumnType !== ColumnTypeEnums.Text) {
+      if (item.ColumnType !== ColumnTypeEnums.Text && item.ColumnType !== ColumnTypeEnums.TikoType) {
         newValues = filterTyping.CheckedItems.map((item: number) => item + '')
       }
       setCheckedItems(newValues)

src/table/MainHeader/Filter/FiltersPerColumn/UiTypes/MultipleCheck.tsx

@@ -136,7 +136,7 @@ const MultipleCheck = ({
   }
   const isEmpty = () => {
     if (item.ColumnName === columnName && !isLoadingFilters && !perColumnListForFilters?.length) {
-      if (item.ColumnType !== ColumnTypeEnums.Text) {
+      if (item.ColumnType !== ColumnTypeEnums.Text && item.ColumnType !== ColumnTypeEnums.TikoType) {
         if (item.ColumnType === ColumnTypeEnums.EncryptedData) {
           if (val.length) return true
         } else if (item.ColumnType === ColumnTypeEnums.Base36Id) {
@@ -170,7 +170,11 @@ const MultipleCheck = ({
         if (elem === '') {
           return emptyValue
         }
-        if (item.ColumnType !== ColumnTypeEnums.Text && item.ColumnType !== ColumnTypeEnums.Base36Id) {
+        if (
+          item.ColumnType !== ColumnTypeEnums.Text &&
+          item.ColumnType !== ColumnTypeEnums.TikoType &&
+          item.ColumnType !== ColumnTypeEnums.Base36Id
+        ) {
           return elem + ''
         }
         return elem

src/table/MainHeader/Filter/FiltersPerColumn/apiFilter.tsx

@@ -66,7 +66,12 @@ const APIFilter = ({
     }
     return filterTyping.PropertyName
   }
-  const listWithContains = [ColumnTypeEnums.Text, ColumnTypeEnums.TextCollection, ColumnTypeEnums.NumberCollection]
+  const listWithContains = [
+    ColumnTypeEnums.Text,
+    ColumnTypeEnums.TikoType,
+    ColumnTypeEnums.TextCollection,
+    ColumnTypeEnums.NumberCollection,
+  ]
 
   const handleChangeValue = (value: any) => {
     let columnFilter: ItemFields = {

src/utils/index.ts

@@ -98,6 +98,14 @@ const filterUiHelperMap = {
     Contains: 7,
     NotContains: 7,
   },
+  TikoType: {
+    Equal: 1,
+    NotEqual: 1,
+    StartsWith: 2,
+    EndsWith: 2,
+    Contains: 2,
+    NotContains: 2,
+  },
 } as const
 
 export const filterUiHelper = (ColumnType: string, ComparisonType: string) => {