2.83.2 • Published 4 months ago

@qlibs/react-components v2.83.2

Weekly downloads
-
License
MIT
Repository
-
Last release
4 months ago

NOTES !!! IF YOU ADJUST THIS QLIBS

  • Please always use React.useXXXXX, not only useXXXXX (e.g React.useState, React.useEffect)

UploadComponent

/* eslint-disable @typescript-eslint/no-explicit-any */
import { Button, Card, message } from 'antd';
import { useRef, useState } from 'react';
import { getStandardError } from '@qlibs/utils';
import { UploadComponent, UploadComponentHandle } from '@qlibs/react-components';
import { httpRequest, httpRequestMultipartFormData } from '../../services/api';

const Upload = () => {
  const childRef = useRef<UploadComponentHandle>();
  const [isLoading, setIsLoading] = useState(false);

  const handleTrigger = () => {
    if (childRef.current) {
      setIsLoading(true);
      childRef.current.save(({error, data}) => {
        setIsLoading(false);
        if (error) {
          getStandardError(error, {showToast: true, toastFunction: message});
        }
        if (data) {
          message.success('Success...');
        }
      });
    }
  };

  return (
    <Card title="Example" style={{ marginTop: 20 }}>
      <UploadComponent
        ref={childRef}
        showToast={true}
        apiConfig={{
          instanceGet: httpRequest,
          instancePut: httpRequestMultipartFormData,
          endpointGet: `/upload/sample/12345`,
          endpointPut: `/upload/sample/12345`,
        }}
      />

      <Button
        loading={isLoading}
        onClick={() => handleTrigger()}
        style={{ marginTop: 20 }}
      >
        SUBMIT
      </Button>
    </Card>
  );
}

export default Upload;

usePromiseAllData

const {
    isLoadingPromiseAllData: isLoading,
    promiseAllData,
    fetchPromiseAllData,
  } = usePromiseAllData<IPromiseAllData>({
    httpRequest: httpRequest as any,
    endpoints: [
      {
        endpoint: '/users/' + params.userId,
        returnKey: 'user',
      },
      {
        endpoint: selectedProgram?.programId
          ? `evaluation-calculator/${selectedProgram?.programId}/${params.userId}`
          : `evaluation-calculator/${params.userId}`,
        returnKey: 'competencies',
      },
    ],
  });

  useEffect(() => {
    fetchPromiseAllData();
  }, []);

useAdditionalDataForList

const { isLoadingAdditionalData, additionalData } =
    useAdditionalDataForList<IAdditionalData>({
      httpRequest: httpRequest as any,
      id: 'attendanceId',
      data,
      injects: [
        {
          injectedId: 'userId',
          endpoint: '/users?filterStatus=active&roles=talent&userIds=',
          endpointId: 'userId',
          returnKey: 'user',
        },
        props.type === 'EVENT' ? {
          injectedId: 'eventId',
          endpoint: '/event?eventIds=',
          endpointId: 'eventId',
          returnKey: 'event',
        } : {injectedId: '', endpoint: '', returnKey: '', endpointId: ''},
      ].filter(item => item?.injectedId),
    });

TRACK ME

How to use TrackMe

const {insertData} = useTrackData();
const location = useLocation()

<TrackMe 
  appName='QLIBS'
  userId='QLIBS_userId'
  userData={{name: 'QLIBS_user_name'}}
  processUpload={(
    activities: IActivity[],
    onSuccess: (ids: number[]) => void
  ) => {
    console.info('before onSuccess activities', activities);
    onSuccess(activities.map(item => (item as any).activityId));
  }}
  location={location}
  autoUploadConfig={{
    intervalInMs: 5000,
  }}
  isDemo={true}
/>
useTrackerIndexedDB({
  appName: "PROJECT_NAME",
  userId: user.userId,
  userData: user,
  processUpload: (activities: IActivity[], onSuccess: (ids: number[]) => void) => {
    httpRequest
      .post(process.env.REACT_APP_API_URL_TRACKME || '', { bulk: activities })
      .then((res: any) => {
        onSuccess((res.data.payload || []).map((item: any) => item.activityId));
      })
      .catch((err) => {
        message.error(getErrorMessage(err));
      });
  },
});

How to don't track me

<button data-trackme="false">WILL NOT TRACKED</button>
2.69.0

8 months ago

2.46.0

10 months ago

2.72.2

8 months ago

2.72.1

8 months ago

2.72.0

8 months ago

2.72.6

7 months ago

2.72.5

7 months ago

2.72.4

7 months ago

2.72.3

8 months ago

2.57.4

9 months ago

2.57.5

9 months ago

2.72.8

7 months ago

2.72.7

7 months ago

2.57.0

9 months ago

2.57.1

9 months ago

2.57.2

9 months ago

2.57.3

9 months ago

2.83.2

4 months ago

2.83.1

5 months ago

2.83.0

5 months ago

2.60.0

9 months ago

2.68.4

8 months ago

2.68.0

8 months ago

2.68.1

8 months ago

2.68.2

8 months ago

2.45.4

11 months ago

2.68.3

8 months ago

2.45.3

11 months ago

2.71.0

8 months ago

2.56.0

9 months ago

2.56.1

9 months ago

2.56.2

9 months ago

2.82.0

5 months ago

2.67.0

8 months ago

2.55.0

9 months ago

2.55.1

9 months ago

2.78.0

6 months ago

2.70.0

8 months ago

2.66.0

8 months ago

2.81.1

5 months ago

2.81.0

5 months ago

2.66.2

8 months ago

2.66.3

8 months ago

2.66.4

8 months ago

2.54.0

9 months ago

2.54.1

9 months ago

2.54.2

9 months ago

2.77.1

6 months ago

2.77.0

6 months ago

2.54.7

9 months ago

2.54.8

9 months ago

2.54.9

9 months ago

2.77.2

6 months ago

2.54.3

9 months ago

2.54.4

9 months ago

2.54.5

9 months ago

2.54.6

9 months ago

2.65.0

9 months ago

2.80.3

5 months ago

2.80.2

5 months ago

2.80.1

5 months ago

2.80.0

6 months ago

2.53.0

10 months ago

2.76.1

7 months ago

2.76.0

7 months ago

2.64.0

9 months ago

2.49.2

10 months ago

2.49.3

10 months ago

2.52.1

10 months ago

2.52.2

10 months ago

2.52.3

10 months ago

2.75.1

7 months ago

2.75.0

7 months ago

2.52.0

10 months ago

2.63.1

9 months ago

2.63.2

9 months ago

2.63.4

9 months ago

2.63.0

9 months ago

2.48.2

10 months ago

2.48.3

10 months ago

2.48.0

10 months ago

2.48.1

10 months ago

2.74.0

7 months ago

2.51.2

10 months ago

2.51.3

10 months ago

2.51.4

10 months ago

2.74.4

7 months ago

2.74.3

7 months ago

2.74.2

7 months ago

2.51.0

10 months ago

2.74.1

7 months ago

2.51.1

10 months ago

2.59.0

9 months ago

2.59.1

9 months ago

2.62.0

9 months ago

2.62.1

9 months ago

2.47.0

10 months ago

2.47.1

10 months ago

2.73.1

7 months ago

2.73.0

7 months ago

2.50.0

10 months ago

2.50.1

10 months ago

2.58.0

9 months ago

2.58.1

9 months ago

2.61.0

9 months ago

2.61.1

9 months ago

2.61.2

9 months ago

2.45.2

1 year ago

2.45.0

1 year ago

2.45.1

1 year ago

2.44.0

1 year ago

2.43.8

1 year ago

2.43.7

1 year ago

2.43.6

1 year ago

2.43.4

1 year ago

2.43.5

1 year ago

2.43.3

1 year ago

2.43.2

1 year ago

2.43.1

1 year ago

2.41.4

1 year ago

2.43.0

1 year ago

2.42.0

1 year ago

2.38.0

1 year ago

2.41.2

1 year ago

2.41.1

1 year ago

2.41.3

1 year ago

2.41.0

1 year ago

2.37.7

1 year ago

2.37.6

1 year ago

2.37.3

1 year ago

2.37.2

1 year ago

2.37.5

1 year ago

2.37.4

1 year ago

2.37.1

1 year ago

2.37.0

1 year ago

2.40.1

1 year ago

2.40.0

1 year ago

2.36.0

1 year ago

2.39.0

1 year ago

2.35.0

1 year ago

2.34.4

1 year ago

2.34.3

1 year ago

2.34.0

1 year ago

2.34.2

1 year ago

2.34.1

1 year ago

2.33.1

1 year ago

2.33.2

1 year ago

2.33.0

1 year ago

2.32.0

1 year ago

2.27.1

2 years ago

2.27.0

2 years ago

2.30.0

2 years ago

2.26.0

2 years ago

2.29.0

2 years ago

2.28.0

2 years ago

2.31.0

2 years ago

2.25.3

2 years ago

2.25.0

2 years ago

2.25.2

2 years ago

2.25.1

2 years ago

2.24.1

2 years ago

2.24.0

2 years ago

2.24.2

2 years ago

2.23.0

2 years ago

2.22.0

2 years ago

2.21.4

2 years ago

2.21.3

2 years ago

2.21.2

2 years ago

2.19.1

2 years ago

2.20.0

2 years ago

2.21.0

2 years ago

2.21.1

2 years ago

2.19.0

2 years ago

2.18.0

2 years ago

2.17.8

2 years ago

2.17.7

2 years ago

2.17.6

2 years ago

2.17.5

2 years ago

2.17.4

2 years ago

2.17.2

2 years ago

2.17.3

2 years ago

2.17.1

2 years ago

2.17.0

2 years ago

2.15.3

2 years ago

2.16.1

2 years ago

2.16.0

2 years ago

2.11.8

2 years ago

2.11.9

2 years ago

2.15.2

2 years ago

2.15.0

2 years ago

2.15.1

2 years ago

2.13.0

2 years ago

2.11.10

2 years ago

2.11.11

2 years ago

2.12.0

2 years ago

2.14.1

2 years ago

2.14.0

2 years ago

2.11.6

2 years ago

2.11.7

2 years ago

2.11.4

2 years ago

2.11.5

2 years ago

2.11.2

2 years ago

2.10.1

2 years ago

2.11.1

2 years ago

2.10.0

2 years ago

2.9.0

2 years ago

2.9.9

2 years ago

2.9.2

2 years ago

2.9.1

2 years ago

2.9.4

2 years ago

2.9.3

2 years ago

2.8.7

2 years ago

2.9.5

2 years ago

2.9.8

2 years ago

2.8.9

2 years ago

2.9.7

2 years ago

2.8.8

2 years ago

2.9.12

2 years ago

2.9.13

2 years ago

2.9.10

2 years ago

2.9.11

2 years ago

2.8.2

2 years ago

2.8.5

2 years ago

2.8.4

2 years ago

2.8.6

2 years ago

2.8.1

2 years ago

2.5.6

2 years ago

2.5.5

2 years ago

2.7.0

2 years ago

2.6.1

2 years ago

2.5.2

2 years ago

2.6.0

2 years ago

2.5.4

2 years ago

2.8.0

2 years ago

2.5.3

2 years ago

2.5.0

2 years ago

2.5.1

2 years ago

2.4.5

2 years ago

2.4.2

2 years ago

2.4.4

2 years ago

2.1.2

2 years ago

2.1.1

2 years ago

2.1.3

2 years ago

2.1.0

2 years ago

2.0.0

2 years ago