Feat: #72 create insert data react table into users page smb (#650)

* fix: #72 create insert data react table into users page smb

packages/elements/src/styles/components/spreadsheet.scss

@@ -27,6 +27,9 @@ span.data-grid-container:focus {
   text-align: right;
   border: 1px solid #ddd;
   padding: 0;
+  &.hidden {
+    display: none;
+  }
 }
 .data-grid-container .data-grid .cell.selected {
   border: 1px double rgb(33, 133, 208);
@@ -90,6 +93,9 @@ span.data-grid-container:focus {
 .data-grid-container .data-grid .cell .value-viewer,
 .data-grid-container .data-grid .cell .data-editor {
   display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 /* custom style */

packages/elements/src/utils/validators/__tests__/validate-number.ts

@@ -0,0 +1,31 @@
+import { isNumberOnly } from '../validate-number'
+
+interface ValueTypes {
+  validEmail: string
+  invalidEmail: string
+}
+
+describe('validate-number', () => {
+  describe('isNumber', () => {
+    it('should return true', () => {
+      const input = '980123111'
+      const output = true
+      const result = isNumberOnly(input)
+      expect(result).toEqual(output)
+    })
+
+    it('should return false', () => {
+      const input = '109310s12'
+      const output = false
+      const result = isNumberOnly(input)
+      expect(result).toEqual(output)
+    })
+
+    it('should return false', () => {
+      const input = null
+      const output = false
+      const result = isNumberOnly(input)
+      expect(result).toEqual(output)
+    })
+  })
+})

packages/elements/src/utils/validators/index.ts

@@ -8,6 +8,7 @@ export {
   validateMaxCharacterLength,
 } from './validate-character-length'
 export { validateEmail, isEmail } from './validate-email'
+export { isNumberOnly } from './validate-number'
 export { validateRequire, fieldValidateRequire } from './validate-require'
 export { validateURI } from './validate-uri'
 export { validatePassword, isValidPassword } from './validate-password'

packages/elements/src/utils/validators/validate-number.ts

@@ -0,0 +1,4 @@
+export const isNumberOnly = string => {
+  const re = /^\d+$/
+  return re.test(string)
+}

packages/graphql-server/src/resolvers/negotiators/api.ts

@@ -24,8 +24,10 @@ export const callGetNegotiatorByIdAPI = async (
   const traceId = context.traceId
   logger.info('callGetNegotiatorByIdAPI', { traceId, args })
   try {
+    const { id, ...rest } = args
+    const params = qs.stringify(rest)
     const response = await createPlatformAxiosInstance().get<GetNegotiatorByIdReturn>(
-      `${URLS.negotiators}/${args.id}`,
+      `${URLS.negotiators}/${id}?${params}`,
       {
         headers: {
           Authorization: context.authorization,
@@ -69,7 +71,7 @@ export const callCreateNegotiatorAPI = async (
     })
     const id = getIdFromCreateHeaders({ headers: response.headers })
     if (id) {
-      return callGetNegotiatorByIdAPI({ id }, context)
+      return callGetNegotiatorByIdAPI({ id, embed: ['office'] }, context)
     }
     return null
   } catch (error) {
@@ -95,8 +97,8 @@ export const callUpdateNegotiatorAPI = async (
         },
       },
     )
-    if (updateResponse?.data) {
-      return callGetNegotiatorByIdAPI({ id: args.id }, context)
+    if (updateResponse) {
+      return callGetNegotiatorByIdAPI({ id: args.id, embed: ['office'] }, context)
     }
     return errors.generateUserInputError(traceId)
   } catch (error) {

packages/graphql-server/src/resolvers/negotiators/negotiators.d.ts

@@ -7,6 +7,7 @@ export type UpdateNegotiatorArgs = { id: string; _eTag: string } & UpdateNegotia
 
 export type GetNegotiatorByIdArgs = {
   id: string
+  embed?: string[]
 }
 
 export type GetNegotiatorsArgs = {