@ssa-ui-kit/core 0.0.19-alpha → 0.0.21-alpha

package/src/types/emotion.d.ts

@@ -1,7 +1,7 @@
-/* eslint-disable @typescript-eslint/no-empty-interface */
-import '@emotion/react';
-import { Theme as T } from './emotion';
-
-declare module '@emotion/react' {
-  export interface Theme extends T {}
-}
+/* eslint-disable @typescript-eslint/no-empty-interface */
+import '@emotion/react';
+import { Theme as T } from './emotion';
+
+declare module '@emotion/react' {
+  export interface Theme extends T {}
+}

package/src/types/emotion.ts

@@ -1,132 +1,132 @@
-export type RGBString = `rgb${string}`;
-
-type MakeColors<T extends Array<string>> = {
-  [K in T[number]]?: RGBString;
-};
-
-type Colors = MakeColors<
-  [
-    'black25',
-    'black45',
-    'white',
-    'white60',
-    'white80',
-    'white30',
-    'dark',
-    'greyLighter',
-    'greySelectedMenuItem',
-    'greyFocused',
-    'greyFocused40',
-    'grey',
-    'grey20',
-    'grey40',
-    'greyShadow24',
-    'greyDarker',
-    'greyDarker60',
-    'greyDarker80',
-    'greyDarker14',
-    'greyDark',
-    'greyDisabled',
-    'greyDisabledCheckbox',
-    'greyButtonGradient',
-    'greyButtonGradientLight',
-    'greyBackground',
-    'greyBackgroundLight',
-    'greyPopoverLight',
-    'greyGraphite',
-    'greyGraphite70',
-    'greyShadow',
-    'greyOutline',
-    'greyShadowHover',
-    'greyDropdownMain',
-    'greyDropdownFocused',
-    'greyDropdownText',
-    'greyArrowSidebar',
-    'greyFilterIcon',
-    'greyCancelClearButton',
-    'redLighter',
-    'redLighter40',
-    'red',
-    'red40',
-    'greenLighter',
-    'greenLighter20',
-    'greenLighter40',
-    'greenLighter60',
-    'green',
-    'green20',
-    'green40',
-    'green60',
-    'greenMint',
-    'greenDark',
-    'pink',
-    'pink20',
-    'pinkDark',
-    'pinkDarker',
-    'pinkShadow40',
-    'pinkLighter',
-    'pinkLighter20',
-    'pinkLighter40',
-    'yellow',
-    'yellow20',
-    'yellowLighter',
-    'yellowLighter20',
-    'yellowLighter40',
-    'yellowWarm',
-    'yellowWarm20',
-    'yellowWarm40',
-    'turquoise',
-    'turquoise20',
-    'turquoiseShadow40',
-    'turquoiseLighter',
-    'turquoiseLighter20',
-    'turquoiseLighter40',
-    'purple',
-    'purple20',
-    'purpleLighter',
-    'purpleLighter20',
-    'purpleLighter40',
-    'purpleDark',
-    'purpleDark40',
-    'blue',
-    'blue20',
-    'blueDark',
-    'blueLightDarker',
-    'blueDropdownWithSelectedItems',
-    'blueDropdownWithSelectedItemsBorder',
-    'blueLighter',
-    'blueLighter20',
-    'blueLighter40',
-    'blueLight',
-    'blueLight20',
-    'blueLightDarker40',
-    'blueLightLighter',
-    'blueLightLighter20',
-    'blueLightLighter40',
-    'blueNotification',
-    'blueNotification40',
-    'blueButtonHoverGradientFrom',
-    'blueButtonHoverGradientTo',
-    'blueButtonActive',
-    'blueRoyal',
-  ]
->;
-
-export type ColorsKeys = keyof Colors;
-
-type MediaQueryString = `@media${string}`;
-
-export interface Theme {
-  colors: Colors;
-  mediaQueries: {
-    xs: MediaQueryString;
-    sm: MediaQueryString;
-    md: MediaQueryString;
-    lg: MediaQueryString;
-    xlg: MediaQueryString;
-  };
-}
-
-export interface CommonProps {
-  as?: React.ElementType;
-  className?: string;
-}
+export type RGBString = `rgb${string}`;
+
+type MakeColors<T extends Array<string>> = {
+  [K in T[number]]?: RGBString;
+};
+
+type Colors = MakeColors<
+  [
+    'black25',
+    'black45',
+    'white',
+    'white60',
+    'white80',
+    'white30',
+    'dark',
+    'greyLighter',
+    'greySelectedMenuItem',
+    'greyFocused',
+    'greyFocused40',
+    'grey',
+    'grey20',
+    'grey40',
+    'greyShadow24',
+    'greyDarker',
+    'greyDarker60',
+    'greyDarker80',
+    'greyDarker14',
+    'greyDark',
+    'greyDisabled',
+    'greyDisabledCheckbox',
+    'greyButtonGradient',
+    'greyButtonGradientLight',
+    'greyBackground',
+    'greyBackgroundLight',
+    'greyPopoverLight',
+    'greyGraphite',
+    'greyGraphite70',
+    'greyShadow',
+    'greyOutline',
+    'greyShadowHover',
+    'greyDropdownMain',
+    'greyDropdownFocused',
+    'greyDropdownText',
+    'greyArrowSidebar',
+    'greyFilterIcon',
+    'greyCancelClearButton',
+    'redLighter',
+    'redLighter40',
+    'red',
+    'red40',
+    'greenLighter',
+    'greenLighter20',
+    'greenLighter40',
+    'greenLighter60',
+    'green',
+    'green20',
+    'green40',
+    'green60',
+    'greenMint',
+    'greenDark',
+    'pink',
+    'pink20',
+    'pinkDark',
+    'pinkDarker',
+    'pinkShadow40',
+    'pinkLighter',
+    'pinkLighter20',
+    'pinkLighter40',
+    'yellow',
+    'yellow20',
+    'yellowLighter',
+    'yellowLighter20',
+    'yellowLighter40',
+    'yellowWarm',
+    'yellowWarm20',
+    'yellowWarm40',
+    'turquoise',
+    'turquoise20',
+    'turquoiseShadow40',
+    'turquoiseLighter',
+    'turquoiseLighter20',
+    'turquoiseLighter40',
+    'purple',
+    'purple20',
+    'purpleLighter',
+    'purpleLighter20',
+    'purpleLighter40',
+    'purpleDark',
+    'purpleDark40',
+    'blue',
+    'blue20',
+    'blueDark',
+    'blueLightDarker',
+    'blueDropdownWithSelectedItems',
+    'blueDropdownWithSelectedItemsBorder',
+    'blueLighter',
+    'blueLighter20',
+    'blueLighter40',
+    'blueLight',
+    'blueLight20',
+    'blueLightDarker40',
+    'blueLightLighter',
+    'blueLightLighter20',
+    'blueLightLighter40',
+    'blueNotification',
+    'blueNotification40',
+    'blueButtonHoverGradientFrom',
+    'blueButtonHoverGradientTo',
+    'blueButtonActive',
+    'blueRoyal',
+  ]
+>;
+
+export type ColorsKeys = keyof Colors;
+
+type MediaQueryString = `@media${string}`;
+
+export interface Theme {
+  colors: Colors;
+  mediaQueries: {
+    xs: MediaQueryString;
+    sm: MediaQueryString;
+    md: MediaQueryString;
+    lg: MediaQueryString;
+    xlg: MediaQueryString;
+  };
+}
+
+export interface CommonProps {
+  as?: React.ElementType;
+  className?: string;
+}

package/src/types/global.d.ts

@@ -1,7 +1,7 @@
-/* eslint-disable @typescript-eslint/no-empty-interface */
-import { MainSizes as MS, MainColors as MC } from './global';
-
-declare global {
-  export interface MainSizes extends MS {}
-  export interface MainColors extends MC {}
-}
+/* eslint-disable @typescript-eslint/no-empty-interface */
+import { MainSizes as MS, MainColors as MC } from './global';
+
+declare global {
+  export interface MainSizes extends MS {}
+  export interface MainColors extends MC {}
+}

package/src/types/global.ts

@@ -1,19 +1,19 @@
-import { Theme, SerializedStyles, Interpolation } from '@emotion/react';
-import {} from '@emotion/react/types/css-prop';
-
-export interface MainSizes {
-  small: SerializedStyles;
-  medium: SerializedStyles;
-  large: SerializedStyles;
-}
-
-export interface MainColors {
-  pink: Interpolation<Theme>;
-  yellow: Interpolation<Theme>;
-  yellowWarm: Interpolation<Theme>;
-  green: Interpolation<Theme>;
-  turquoise: Interpolation<Theme>;
-  purple: Interpolation<Theme>;
-  blueLight: Interpolation<Theme>;
-  blue: Interpolation<Theme>;
-}
+import { Theme, SerializedStyles, Interpolation } from '@emotion/react';
+import {} from '@emotion/react/types/css-prop';
+
+export interface MainSizes {
+  small: SerializedStyles;
+  medium: SerializedStyles;
+  large: SerializedStyles;
+}
+
+export interface MainColors {
+  pink: Interpolation<Theme>;
+  yellow: Interpolation<Theme>;
+  yellowWarm: Interpolation<Theme>;
+  green: Interpolation<Theme>;
+  turquoise: Interpolation<Theme>;
+  purple: Interpolation<Theme>;
+  blueLight: Interpolation<Theme>;
+  blue: Interpolation<Theme>;
+}

package/tasks/create.js

@@ -1,45 +1,45 @@
-#!/usr/bin/env node
-/* eslint-disable @typescript-eslint/no-var-requires */
-/* eslint-disable no-undef */
-'use strict';
-
-const fs = require('fs');
-const { execSync } = require('child_process');
-const path = require('path');
-
-const rootDir = path.join(__dirname);
-const componentName = process.argv[2];
-const componentDir = path.join(rootDir, '../src/components');
-const componentPath = path.join(componentDir, componentName);
-
-console.log('\x1b[33m%s\x1b[0m', ' > Creating component folder');
-
-fs.access(componentPath, (error) => {
-  // already exists or not
-  if (error) {
-    // If current directory does not exist then create it
-    fs.mkdir(componentPath, { recursive: true }, (error) => {
-      if (error) {
-        console.log(error);
-      } else {
-        // execSync(`cp -R ${templateDir}/* ${componentPath}`);
-        execSync(`touch ${componentPath}/index.tsx`);
-        execSync(`touch ${componentPath}/${componentName}.spec.tsx`);
-        execSync(`touch ${componentPath}/${componentName}.stories.tsx`);
-        execSync(`touch ${componentPath}/types.ts`);
-        execSync(`touch ${componentPath}/styles.ts`);
-        execSync(`touch ${componentPath}/${componentName}.tsx`);
-
-        console.log(
-          '\x1b[32m%s\x1b[0m',
-          ` ✔️ New component ${componentName} created successfully!`,
-        );
-      }
-    });
-  } else {
-    console.log(
-      '\x1b[31m%s\x1b[0m',
-      ` ✗ The component ${componentName} already exists!`,
-    );
-  }
-});
+#!/usr/bin/env node
+/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable no-undef */
+'use strict';
+
+const fs = require('fs');
+const { execSync } = require('child_process');
+const path = require('path');
+
+const rootDir = path.join(__dirname);
+const componentName = process.argv[2];
+const componentDir = path.join(rootDir, '../src/components');
+const componentPath = path.join(componentDir, componentName);
+
+console.log('\x1b[33m%s\x1b[0m', ' > Creating component folder');
+
+fs.access(componentPath, (error) => {
+  // already exists or not
+  if (error) {
+    // If current directory does not exist then create it
+    fs.mkdir(componentPath, { recursive: true }, (error) => {
+      if (error) {
+        console.log(error);
+      } else {
+        // execSync(`cp -R ${templateDir}/* ${componentPath}`);
+        execSync(`touch ${componentPath}/index.tsx`);
+        execSync(`touch ${componentPath}/${componentName}.spec.tsx`);
+        execSync(`touch ${componentPath}/${componentName}.stories.tsx`);
+        execSync(`touch ${componentPath}/types.ts`);
+        execSync(`touch ${componentPath}/styles.ts`);
+        execSync(`touch ${componentPath}/${componentName}.tsx`);
+
+        console.log(
+          '\x1b[32m%s\x1b[0m',
+          ` ✔️ New component ${componentName} created successfully!`,
+        );
+      }
+    });
+  } else {
+    console.log(
+      '\x1b[31m%s\x1b[0m',
+      ` ✗ The component ${componentName} already exists!`,
+    );
+  }
+});

package/tasks/firebase-import-meal-nutrients.js

@@ -1,66 +1,66 @@
-#!/usr/bin/env node
-/* eslint-disable @typescript-eslint/no-var-requires */
-/* eslint-disable no-undef */
-'use strict';
-
-const path = require('path');
-const { initializeApp } = require('firebase/app');
-const {
-  getFirestore,
-  query,
-  collection,
-  getDocs,
-  addDoc,
-  orderBy,
-} = require('firebase/firestore');
-
-const jsonDirPath = process.argv[2];
-
-const dotenv = require('dotenv');
-dotenv.config();
-
-const app = initializeApp({
-  apiKey: process.env.FIREBASE_API_KEY,
-  authDomain: process.env.FIREBASE_AUTH_DOMAIN,
-  projectId: process.env.FIREBASE_PROJECT_ID,
-  storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
-  messagingSenderId: process.env.FIREBASE_MESSAGING_SENDERID,
-  appId: process.env.FIREBASE_APP_ID,
-});
-
-const db = getFirestore(app);
-
-(async function insert() {
-  const snapshot = await getDocs(
-    query(collection(db, 'mealNutrients'), orderBy('order')),
-  );
-  const ids = snapshot.docs.map((doc) => doc.id);
-
-  const importData = async (json, collectionId) => {
-    for (const nutrient of json) {
-      const nutrientId = nutrient.id;
-      const entries = nutrient.data;
-
-      const collectionName = `mealNutrients/${collectionId}/nutrients/${nutrientId}/data`;
-      const collectionRef = collection(db, collectionName);
-
-      for (const entry of entries) {
-        /**
-         * Don't forget to enable rules for this operation.
-         * */
-        await addDoc(collectionRef, entry);
-      }
-
-      console.log('Imported', entries.length, ' docs to', collectionName);
-    }
-  };
-
-  for (const id of ids) {
-    const json = require(path.resolve(jsonDirPath, id + '.json'));
-    await importData(json, id);
-  }
-
-  console.log('done');
-
-  process.exit(0);
-})();
+#!/usr/bin/env node
+/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable no-undef */
+'use strict';
+
+const path = require('path');
+const { initializeApp } = require('firebase/app');
+const {
+  getFirestore,
+  query,
+  collection,
+  getDocs,
+  addDoc,
+  orderBy,
+} = require('firebase/firestore');
+
+const jsonDirPath = process.argv[2];
+
+const dotenv = require('dotenv');
+dotenv.config();
+
+const app = initializeApp({
+  apiKey: process.env.FIREBASE_API_KEY,
+  authDomain: process.env.FIREBASE_AUTH_DOMAIN,
+  projectId: process.env.FIREBASE_PROJECT_ID,
+  storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
+  messagingSenderId: process.env.FIREBASE_MESSAGING_SENDERID,
+  appId: process.env.FIREBASE_APP_ID,
+});
+
+const db = getFirestore(app);
+
+(async function insert() {
+  const snapshot = await getDocs(
+    query(collection(db, 'mealNutrients'), orderBy('order')),
+  );
+  const ids = snapshot.docs.map((doc) => doc.id);
+
+  const importData = async (json, collectionId) => {
+    for (const nutrient of json) {
+      const nutrientId = nutrient.id;
+      const entries = nutrient.data;
+
+      const collectionName = `mealNutrients/${collectionId}/nutrients/${nutrientId}/data`;
+      const collectionRef = collection(db, collectionName);
+
+      for (const entry of entries) {
+        /**
+         * Don't forget to enable rules for this operation.
+         * */
+        await addDoc(collectionRef, entry);
+      }
+
+      console.log('Imported', entries.length, ' docs to', collectionName);
+    }
+  };
+
+  for (const id of ids) {
+    const json = require(path.resolve(jsonDirPath, id + '.json'));
+    await importData(json, id);
+  }
+
+  console.log('done');
+
+  process.exit(0);
+})();