catchup-library-web 2.3.7 → 2.4.0

package/src/index.ts

@@ -54,15 +54,16 @@ export { default as SelectionCheckbox } from "./components/boxes/SelectionCheckb
 export { default as SelectionTab } from "./components/tabs/SelectionTab";
 export { default as SelectionTabFill } from "./components/tabs/SelectionTabFill";
 
-export { default as ActivityTemplateLabel } from "./components/labels/ActivityTemplateLabel";
-export { default as BrandLabel } from "./components/labels/BrandLabel";
-export { default as CategoryLabel } from "./components/labels/CategoryLabel";
-export { default as CoterieLabel } from "./components/labels/CoterieLabel";
-export { default as GradeLabel } from "./components/labels/GradeLabel";
-export { default as OutcomeLabel } from "./components/labels/OutcomeLabel";
-export { default as PersonalLabel } from "./components/labels/PersonalLabel";
-export { default as PublishingHouseLabel } from "./components/labels/PublishingHouseLabel";
-export { default as ActivityLabel } from "./components/labels/ActivityLabel";
+export { default as TealLabel } from "./components/labels/TealLabel";
+export { default as PurpleLabel } from "./components/labels/PurpleLabel";
+export { default as GreenLabel } from "./components/labels/GreenLabel";
+export { default as BlueLabel } from "./components/labels/BlueLabel";
+export { default as OrangeLabel } from "./components/labels/OrangeLabel";
+export { default as RedLabel } from "./components/labels/RedLabel";
+export { default as LimeLabel } from "./components/labels/LimeLabel";
+export { default as CoralLabel } from "./components/labels/CoralLabel";
+export { default as CyanLabel } from "./components/labels/CyanLabel";
+export { default as GrayLabel } from "./components/labels/GrayLabel";
 
 export { default as InfoWithText } from "./components/infos/InfoWithText";
 

package/src/properties/LabelProperties.ts

@@ -1,49 +1,15 @@
-export interface IActivityTemplateLabelProps {
+export interface ILabelProps {
   title: string;
-  icon: any;
-  font: string;
-}
-
-export interface IBrandLabelProps {
-  title: string;
-  icon: any;
-  font: string;
-}
-
-export interface ICategoryLabelProps {
-  title: string;
-  icon: any;
-  font: string;
-}
-
-export interface ICoterieLabelProps {
-  title: string;
-  font: string;
-}
-
-export interface IGradeLabelProps {
-  title: string;
-  font: string;
-}
-
-export interface IOutcomeLabelProps {
-  title: string;
-  font: string;
-}
-
-export interface IPersonalLabelProps {
-  title: string;
-  icon: any;
-  font: string;
-}
-
-export interface IPublishingLabelProps {
-  title: string;
-  icon: any;
-  font: string;
+  icon?: any;
+  font?: string;
+  borderWidth?: number;
+  borderColor: string;
+  backgroundColor: string;
+  textColor: string;
 }
 
-export interface IActivityLabelProps {
+export interface IFixedLabelProps {
   title: string;
+  icon?: any;
   font: string;
 }

package/src/utilization/AppUtilization.ts

@@ -80,7 +80,7 @@ export const getLanguageFromCurriculumType = (curriculumType: string) => {
 
 export const getSystemLanguageFromCurriculumType = (curriculumType: string) => {
   if (curriculumType === "MEB") {
-    return "tr";
+    return "TR";
   }
-  return "en";
+  return "EN";
 };

package/src/components/labels/ActivityLabel.tsx

@@ -1,11 +0,0 @@
-import { IActivityLabelProps } from "../../properties/LabelProperties";
-
-const ActivityLabel = ({ title, font }: IActivityLabelProps) => {
-  return (
-    <div className="px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center">
-      <p className={font ? font : "text-sm"}>{title}</p>
-    </div>
-  );
-};
-
-export default ActivityLabel;

package/src/components/labels/ActivityTemplateLabel.tsx

@@ -1,23 +0,0 @@
-import { IActivityTemplateLabelProps } from "../../properties/LabelProperties";
-import BaseImage from "../images/BaseImage";
-
-const ActivityTemplateLabel = ({
-  title,
-  icon,
-  font,
-}: IActivityTemplateLabelProps) => {
-  return (
-    <div className="px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center">
-      <div className="flex flex-row items-center gap-x-2">
-        {icon ? (
-          icon
-        ) : (
-          <BaseImage src="/icons/activity.webp" alt="label" size="xsmall" />
-        )}
-        <p className={font ? font : "text-sm"}>{title}</p>
-      </div>
-    </div>
-  );
-};
-
-export default ActivityTemplateLabel;

package/src/components/labels/BrandLabel.tsx

@@ -1,19 +0,0 @@
-import { IBrandLabelProps } from "../../properties/LabelProperties";
-import BaseImage from "../images/BaseImage";
-
-const BrandLabel = ({ title, icon, font }: IBrandLabelProps) => {
-  return (
-    <div className="px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center">
-      <div className="flex flex-row items-center gap-x-2">
-        {icon ? (
-          icon
-        ) : (
-          <BaseImage src="/icons/brand-label.webp" alt="label" size="xsmall" />
-        )}
-        <p className={font ? font : "text-sm"}>{title}</p>
-      </div>
-    </div>
-  );
-};
-
-export default BrandLabel;

package/src/components/labels/CategoryLabel.tsx

@@ -1,23 +0,0 @@
-import { ICategoryLabelProps } from "../../properties/LabelProperties";
-import BaseImage from "../images/BaseImage";
-
-const CategoryLabel = ({ title, icon, font }: ICategoryLabelProps) => {
-  return (
-    <div className="px-3 py-1 gap-x-3 border border-category-label-border bg-category-label text-category-label-text rounded-catchup-3xlarge text-center">
-      <div className="flex flex-row items-center gap-x-2">
-        {icon ? (
-          icon
-        ) : (
-          <BaseImage
-            src="/icons/category-label.webp"
-            alt="label"
-            size="xsmall"
-          />
-        )}
-        <p className={font ? font : "text-sm"}>{title}</p>
-      </div>
-    </div>
-  );
-};
-
-export default CategoryLabel;

package/src/components/labels/CoterieLabel.tsx

@@ -1,11 +0,0 @@
-import { ICoterieLabelProps } from "../../properties/LabelProperties";
-
-const CoterieLabel = ({ title, font }: ICoterieLabelProps) => {
-  return (
-    <div className="px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center">
-      <p className={font ? font : "text-sm"}>{title}</p>
-    </div>
-  );
-};
-
-export default CoterieLabel;

package/src/components/labels/GradeLabel.tsx

@@ -1,11 +0,0 @@
-import { IGradeLabelProps } from "../../properties/LabelProperties";
-
-const GradeLabel = ({ title, font }: IGradeLabelProps) => {
-  return (
-    <div className="px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center">
-      <p className={font ? font : "text-sm"}>{title}</p>
-    </div>
-  );
-};
-
-export default GradeLabel;

package/src/components/labels/OutcomeLabel.tsx

@@ -1,15 +0,0 @@
-import { IOutcomeLabelProps } from "../../properties/LabelProperties";
-import BaseImage from "../images/BaseImage";
-
-const OutcomeLabel = ({ title, font }: IOutcomeLabelProps) => {
-  return (
-    <div className="px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center">
-      <div className="flex flex-row items-center gap-x-2">
-        <BaseImage src="/icons/category.webp" alt="label" size="xsmall" />
-        <p className={font ? font : "text-sm"}>{title}</p>
-      </div>
-    </div>
-  );
-};
-
-export default OutcomeLabel;

package/src/components/labels/PersonalLabel.tsx

@@ -1,23 +0,0 @@
-import { IPersonalLabelProps } from "../../properties/LabelProperties";
-import BaseImage from "../images/BaseImage";
-
-const PersonalLabel = ({ title, icon, font }: IPersonalLabelProps) => {
-  return (
-    <div className="px-3 py-1 gap-x-3 border border-personal-label-border bg-personal-label text-personal-label-text rounded-catchup-3xlarge text-center">
-      <div className="flex flex-row items-center gap-x-2">
-        {icon ? (
-          icon
-        ) : (
-          <BaseImage
-            src="/icons/personal-label.webp"
-            alt="label"
-            size="xsmall"
-          />
-        )}
-        <p className={font ? font : "text-sm"}>{title}</p>
-      </div>
-    </div>
-  );
-};
-
-export default PersonalLabel;

package/src/components/labels/PublishingHouseLabel.tsx

@@ -1,23 +0,0 @@
-import { IPublishingLabelProps } from "../../properties/LabelProperties";
-import BaseImage from "../images/BaseImage";
-
-const PublishingHouseLabel = ({ title, icon, font }: IPublishingLabelProps) => {
-  return (
-    <div className="px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center">
-      <div className="flex flex-row items-center gap-x-2">
-        {icon ? (
-          icon
-        ) : (
-          <BaseImage
-            src="/icons/publishing-house-label.webp"
-            alt="label"
-            size="xsmall"
-          />
-        )}
-        <p className={font ? font : "text-sm"}>{title}</p>
-      </div>
-    </div>
-  );
-};
-
-export default PublishingHouseLabel;