@autobusal/utilities 0.0.9 → 1.0.1

package/form.tsx

@@ -8,12 +8,14 @@ interface ValidateType {
   maxLength?: any
   minLength?: any
   min?: any
+  max?: any
+  onChange?: (event?: any) => void
 }
 
-export const validate = (rules: string, t: TFunction<'common'>): ValidateType => {
+export const Validate = (rules: string, t: TFunction<'common'>): ValidateType => {
   const analyze = rules.split('|');
 
-  let validation: ValidateType = {};
+  const validation: ValidateType = {};
 
   analyze.forEach(rule => {
     const type = rule.split(':');
@@ -50,23 +52,13 @@ export const validate = (rules: string, t: TFunction<'common'>): ValidateType =>
           message: t('errors.min', { ns: 'common', count: type[1] } as any)
         };
       break;
-      
-  //     case 'max':
-  //       validation.max = {
-  //         value: type[1],
-  //         message: t('general:errors.max', { count: type[1] })
-  //       };
-  //     break;
 
-  //     case 'confirm':
-  //       validation.validate = value => {
-  //         if (value == type[1]) {
-  //           return true;
-  //         } else {
-  //           return t('general:errors.confirmed');
-  //         }
-  //       };
-  //     break;
+      case 'max':
+        validation.max = {
+          value: Number(type[1]),
+          message: t('errors.max', { ns: 'common', count: type[1] } as any)
+        };
+      break;
     }
   });
 
@@ -79,7 +71,7 @@ const Error = styled.div`
   font-size: ${ props => props.theme.size.s };
 `;
 
-export const display = (err: (FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined)): (JSX.Element | null) => {
+export const Display = (err: (FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined)): (JSX.Element | null) => {
   if (!err || !err.message) {
     return null;
   }

package/index.ts

@@ -1,21 +1,33 @@
 import { createDate, prepareDate, getFormattedShort, differenceYears, futureDate } from './date';
-import { validate, display } from './form';
-import getPosition from './map';
+import { Validate, Display } from './form';
+import { getPosition, autobusMarker } from './map';
 import { error, notify, success } from './notify';
+import { getAllowed, getLanguages, getPayments } from './options';
 import { getSex, getOptionsSex } from './passengers';
+import { GetStatus, DisplayStatus } from './users';
+import { getRandomNumber } from './numbers';
+import { getParams } from './manage';
 
 export {
-  validate,
-  display,
+  Validate,
+  Display,
   error,
   notify,
   success,
   getPosition,
+  autobusMarker,
   createDate,
   prepareDate,
   getFormattedShort,
   differenceYears,
+  DisplayStatus,
   futureDate,
+  getAllowed,
+  getLanguages,
+  getParams,
+  getPayments,
+  getOptionsSex,
+  getRandomNumber,
   getSex,
-  getOptionsSex
+  GetStatus
 };

package/manage.ts

@@ -0,0 +1,15 @@
+export const getParams = (searchParams: URLSearchParams, fields: string[], fieldsAll?: string[]) => {
+  const params: any = {};
+
+  fields.forEach(field => {
+    params[field] = searchParams.get(field)
+  });
+
+  if (fieldsAll !== undefined) {
+    fieldsAll.forEach(field => {
+      params[field] = searchParams.getAll(field)
+    });
+  }
+
+  return params;
+};

package/map/index.ts

@@ -0,0 +1,23 @@
+import L, { LatLngExpression } from 'leaflet';
+import markerIcon from './marker-icon.png';
+import markerShadow from './marker-shadow.png';
+
+export const getPosition = (position: string[] | undefined): LatLngExpression => {
+  if (position === undefined) {
+    return [0, 0];
+  }
+
+  return [
+    Number(position[0]),
+    Number(position[1])
+  ];
+};
+
+export const autobusMarker = new L.Icon({
+  iconUrl: markerIcon,
+  iconSize: [25, 41], // icon size
+  iconAnchor: [12, 41], // point of the icon which will correspond to marker's location
+  popupAnchor: [1, -34], // point from which the popup should open relative to the iconAnchor
+  shadowUrl: markerShadow,
+  shadowSize: [41, 41] // shadow size
+});

package/numbers.ts

@@ -0,0 +1,3 @@
+export const getRandomNumber = (min: number, max: number): number => (
+  Math.floor(Math.random() * (max - min + 1) + min)
+);

package/options.ts

@@ -0,0 +1,31 @@
+import { TFunction } from 'i18next';
+import { DropdownData } from '@autobusal/providers/types/other';
+
+export const getAllowed = (t: TFunction<'common'>): DropdownData[] => ([{
+    name: t('allowed.yes', { ns: 'common' }),
+    id: 1
+  }, {
+    name: t('allowed.no', { ns: 'common' }),
+    id: 0
+  }
+]);
+
+export const getLanguages = (): DropdownData[] => ([
+  {
+    id: 'sq',
+    name: 'Sq'
+  }, {
+    id: 'en',
+    name: 'En'
+  }
+]);
+
+export const getPayments = (t: TFunction<'common'>): DropdownData[] => ([
+  {
+    name: t('payments.bkt', { ns: 'common' }),
+    id: 'bkt'
+  }, {
+    name: t('payments.funds', { ns: 'common' }),
+    id: 'funds'
+  }
+]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/utilities",
-  "version": "0.0.9",
+  "version": "1.0.1",
   "type": "module",
   "main": "index.ts"
 }

package/users.tsx

@@ -0,0 +1,67 @@
+import { TFunction } from 'i18next';
+import styled, { css } from 'styled-components';
+
+export const GetStatus = (t: TFunction<'common'>) => ([
+  {
+    id: 1,
+    name: t('data.statuses.available', { ns: 'common' }),
+  }, {
+    id: 0,
+    name: t('data.statuses.unavailable', { ns: 'common' })
+  }
+]);
+
+const Status = styled.span<{ $type: string }>`
+  display: inline-block;
+  padding: 3px 5px;
+  color: #333333;
+  font-size: ${ props => props.theme.size.xs };
+  border-radius: ${ props => props.theme.borderRadius };
+
+  ${ props => props.$type === 'available' && css`
+    background: #4BE763;
+  ` }
+  ${ props => props.$type === 'suspended' && css`
+    background: #FFC759;
+  ` }
+  ${ props => props.$type === 'pending' && css`
+    background: #80BCFF;
+  ` }
+  ${ props => props.$type === 'unavailable' && css`
+    background: #FFB4B4;
+  ` }
+`;
+
+export const DisplayStatus = (status: number, t: TFunction<'common'>): (JSX.Element | null) => {
+  switch (status) {
+    case 3:
+      return (
+        <Status $type="pending">
+          { t('data.statuses.pending', { ns: 'common' }) }
+        </Status>
+      );
+
+    case 2:
+      return (
+        <Status $type="suspended">
+          { t('data.statuses.suspended', { ns: 'common' }) }
+        </Status>
+      );
+
+    case 1:
+      return (
+        <Status $type="available">
+          { t('data.statuses.available', { ns: 'common' }) }
+        </Status>
+      );
+
+    case 0:
+      return (
+        <Status $type="unavailable">
+          { t('data.statuses.unavailable', { ns: 'common' }) }
+        </Status>
+      );
+  }
+
+  return null;
+};

package/map.ts

@@ -1,14 +0,0 @@
-import { LatLngExpression } from 'leaflet';
-
-const getPosition = (position: string[] | undefined): LatLngExpression => {
-  if (position === undefined) {
-    return [0, 0];
-  }
-
-  return [
-    Number(position[0]),
-    Number(position[1])
-  ];
-};
-
-export default getPosition;