module-package-comp 1.4.7 → 1.4.8

package/dist/component/inputs/MultiSelect.js

@@ -16,7 +16,7 @@ const MultiSelect = ({ options, selectedOptions, onChange, disabled, }) => {
         setFilter(e.target.value);
     };
     const filteredOptions = options.filter((option) => option.toLowerCase().includes(filter.toLowerCase()));
-    return (_jsxs("div", { className: "relative inline-block w-full", children: [_jsx("div", { className: "py-2 px-3 bg-white block w-full border-2 border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none", onClick: toggleDropdown, children: Array.isArray(selectedOptions) && selectedOptions.length > 0 ? (selectedOptions.map((option) => (_jsx("span", { className: "mr-1 inline-block rounded-full bg-secondary-blue px-2 py-1 text-sm", children: option }, option)))) : (_jsx("span", { className: "text-placeholder-gray", children: "Select options" })) }), isOpen && (_jsxs("div", { className: "absolute left-0 right-0 z-10 mt-2 rounded-md border border-secondary-gray bg-white", children: [_jsx("input", { type: "text", className: "w-full border-b border-secondary-gray p-2", placeholder: "Filter options...", value: filter, onChange: handleFilterChange }), _jsx("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.map((option) => (_jsxs("div", { className: "cursor-pointer p-2 hover:bg-primary-gray", onClick: () => {
+    return (_jsxs("div", { className: "relative inline-block w-full", children: [_jsx("div", { className: "py-2 px-3 bg-white block w-full border-2 border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none", onClick: toggleDropdown, children: Array.isArray(selectedOptions) && selectedOptions.length > 0 ? (selectedOptions.map((option) => (_jsx("span", { className: "mr-1 inline-block rounded-full bg-[#0096DC] px-2 py-1 text-sm", children: option }, option)))) : (_jsx("span", { className: "text-placeholder-gray", children: "Select options" })) }), isOpen && (_jsxs("div", { className: "absolute left-0 right-0 z-10 mt-2 rounded-md border border-secondary-gray bg-white", children: [_jsx("input", { type: "text", className: "w-full border-b border-secondary-gray p-2", placeholder: "Filter options...", value: filter, onChange: handleFilterChange }), _jsx("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.map((option) => (_jsxs("div", { className: "cursor-pointer p-2 hover:bg-primary-gray", onClick: () => {
                                 if (!disabled)
                                     handleOptionClick(option);
                             }, children: [_jsx("input", { type: "checkbox", checked: selectedOptions.includes(option), readOnly: true, className: "mr-2" }), _jsx("span", { className: "ml-2", children: option })] }, option))) })] }))] }));

package/dist/component/inputs/MultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/component/inputs/MultiSelect.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASxC,MAAM,WAAW,GAA+B,CAAC,EAC/C,OAAO,EACP,eAAe,EACf,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAEhD,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAE,EAAE;QAC3C,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACrC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC;QACtE,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,CAAC,GAAG,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACpE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAChD,MAAM,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CACpD,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC3C,cACE,SAAS,EAAC,wKAAwK,EAClL,OAAO,EAAE,cAAc,YAEtB,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9D,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9B,eAEE,SAAS,EAAC,oEAAoE,YAE7E,MAAM,IAHF,MAAM,CAIN,CACR,CAAC,CACH,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,uBAAuB,+BAAsB,CAC9D,GACG,EACL,MAAM,IAAI,CACT,eAAK,SAAS,EAAC,oFAAoF,aACjG,gBACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,2CAA2C,EACrD,WAAW,EAAC,mBAAmB,EAC/B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,kBAAkB,GAC5B,EACF,cAAK,SAAS,EAAC,0BAA0B,YACtC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC/B,eAEE,SAAS,EAAC,0CAA0C,EACpD,OAAO,EAAE,GAAG,EAAE;gCACZ,IAAI,CAAC,QAAQ;oCAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;4BAC3C,CAAC,aAED,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EACzC,QAAQ,QACR,SAAS,EAAC,MAAM,GAChB,EACF,eAAM,SAAS,EAAC,MAAM,YAAE,MAAM,GAAQ,KAZjC,MAAM,CAaP,CACP,CAAC,GACE,IACF,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/component/inputs/MultiSelect.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASxC,MAAM,WAAW,GAA+B,CAAC,EAC/C,OAAO,EACP,eAAe,EACf,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAEhD,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAE,EAAE;QAC3C,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACrC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC;QACtE,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,CAAC,GAAG,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACpE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAChD,MAAM,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CACpD,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC3C,cACE,SAAS,EAAC,wKAAwK,EAClL,OAAO,EAAE,cAAc,YAEtB,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9D,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9B,eAEE,SAAS,EAAC,+DAA+D,YAExE,MAAM,IAHF,MAAM,CAIN,CACR,CAAC,CACH,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,uBAAuB,+BAAsB,CAC9D,GACG,EACL,MAAM,IAAI,CACT,eAAK,SAAS,EAAC,oFAAoF,aACjG,gBACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,2CAA2C,EACrD,WAAW,EAAC,mBAAmB,EAC/B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,kBAAkB,GAC5B,EACF,cAAK,SAAS,EAAC,0BAA0B,YACtC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC/B,eAEE,SAAS,EAAC,0CAA0C,EACpD,OAAO,EAAE,GAAG,EAAE;gCACZ,IAAI,CAAC,QAAQ;oCAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;4BAC3C,CAAC,aAED,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EACzC,QAAQ,QACR,SAAS,EAAC,MAAM,GAChB,EACF,eAAM,SAAS,EAAC,MAAM,YAAE,MAAM,GAAQ,KAZjC,MAAM,CAaP,CACP,CAAC,GACE,IACF,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "module-package-comp",
-  "version": "1.4.7",
+  "version": "1.4.8",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/component/ComponentDisplayer.tsx

@@ -1,140 +0,0 @@
-import { useState } from "react";
-import { Attribute, Component, Condition, DataJSON } from "../util/type";
-import { ShowAttr } from "./ShowAttr";
-import PrimaryBtn from "./PrimaryBtn";
-import ShowErrors from "./ShowErrors";
-
-type ComponentDisplayerProps = {
-  component: Component;
-  data: DataJSON;
-  setData: (data: DataJSON) => void;
-  onSubmit?: () => void;
-  disabled?: boolean;
-};
-
-export function ComponentDisplayer({
-  component,
-  data,
-  setData,
-  onSubmit,
-  disabled,
-}: ComponentDisplayerProps) {
-  const [errors, setErrors] = useState<string[]>([]);
-  return (
-    <form
-      onSubmit={(e) => {
-        e.preventDefault();
-        const errs = checkRequired(component.attributes, data);
-        if (errs.length === 0 && onSubmit) {
-          onSubmit();
-        } else {
-          setErrors(errs);
-        }
-      }}
-      className="min-w-72"
-    >
-      <h1 className="font-bold text-center text-blue-800 text-4xl mb-8">
-        {component.label}
-      </h1>
-      <div className="space-y-3">
-        {component.attributes.map((attr) => {
-          if (canShow(attr, data, component.conditions || [])) {
-            return (
-              <ShowAttr
-                key={attr.name}
-                attribute={attr}
-                value={data[attr.name] ? String(data[attr.name]) : ""}
-                setValue={(s) => {
-                  const temp = { ...data };
-                  temp[attr.name] = s;
-                  setData(temp);
-                }}
-                data={data}
-                disabled={disabled}
-              />
-            );
-          } else {
-            if (data[attr.name]) {
-              const temp = { ...data };
-              temp[attr.name] = "";
-              setData(temp);
-            }
-          }
-        })}
-      </div>
-      {errors.length !== 0 && (
-        <div className="my-6">
-          <ShowErrors errors={errors} />
-        </div>
-      )}
-      {onSubmit && (
-        <div className="flex justify-center my-8">
-          <PrimaryBtn text="Submit" />
-        </div>
-      )}
-    </form>
-  );
-}
-
-// check the required attributes and return array string of errors
-function checkRequired(attributes: Attribute[], data: DataJSON): string[] {
-  const requiredAttributes = attributes.filter(
-    (attr) => attr.settings?.required,
-  );
-  const errors: string[] = [];
-  requiredAttributes.forEach((attr) => {
-    if (!data[attr.name]) {
-      errors.push(`${attr.label} is required`);
-    }
-  });
-  return errors;
-}
-
-function canShow(
-  attr: Attribute,
-  data: DataJSON,
-  conds: Condition[][],
-): boolean {
-  const conditions = conds.filter(
-    (c) => c[c.length - 1].delimiter === attr.name,
-  );
-
-  if (!conditions || conditions.length === 0) {
-    return true;
-  }
-  return conditions.some((conditionSet) => {
-    for (let i = 0; i < conditionSet.length; i++) {
-      const currentCond = conditionSet[i];
-      const result = evaluateCondition(currentCond, data);
-      if (currentCond.delimiter === "ou") {
-        if (result) {
-          return true;
-        }
-      } else if (currentCond.delimiter === "et") {
-        if (!result) {
-          return false;
-        }
-      } else {
-        return result;
-      }
-    }
-  });
-}
-
-function evaluateCondition(condition: Condition, data: DataJSON): boolean {
-  const { attribute, cond, value } = condition;
-  const dataValue = data[attribute];
-
-  switch (cond) {
-    case "EQ":
-      return value === dataValue;
-    case "INF":
-      return value < dataValue;
-    case "SUP":
-      return value > dataValue;
-    case "CONTAIN":
-      return String(dataValue).includes(value);
-    default:
-      return false;
-  }
-}

package/src/component/PrimaryBtn.tsx

@@ -1,22 +0,0 @@
-import { useRef } from "react";
-
-type props = {
-  text: string;
-  disabled?: boolean;
-};
-
-export default function PrimaryBtn({ text, disabled }: props) {
-  const btn = useRef<HTMLButtonElement>(null);
-  return (
-    <button
-      type="submit"
-      ref={btn}
-      className={
-        "rounded-2xl bg-[#0096DC] bg-opacity-85 px-8 py-2 font-bold text-white hover:bg-opacity-100"
-      }
-      disabled={disabled}
-    >
-      {text}
-    </button>
-  );
-}

package/src/component/ShowAttr.tsx

@@ -1,177 +0,0 @@
-import { Attribute, AttributeTypeEnum, Content, DataJSON } from "../util/type";
-import LabeledSelect from "./inputs/LableledSelect";
-import LabeledInput from "./inputs/LableledInput";
-import LabeledMutliSelect from "./inputs/LabeledMutliSelect";
-import { useEffect, useMemo, useState } from "react";
-import { Parser } from "expr-eval";
-import LabeledFileInput from "./inputs/LableledFileInput";
-
-type ShowAttrProps = {
-  attribute: Attribute;
-  value: string;
-  setValue: (s: string) => void;
-  data: DataJSON;
-  showLabel?: boolean;
-  disabled?: boolean;
-};
-
-export function ShowAttr({
-  attribute,
-  value,
-  setValue,
-  showLabel = true,
-  data,
-  disabled,
-}: ShowAttrProps) {
-  const label = useMemo(
-    () => (showLabel ? attribute.label || "" : ""),
-    [attribute.label]
-  );
-  const type = useMemo(() => {
-    if (attribute.type) return AttributeTypeEnum[attribute.type];
-  }, [attribute.type]);
-  switch (type) {
-    case AttributeTypeEnum.NUMBER:
-      return (
-        <LabeledInput
-          label={label}
-          value={value}
-          setValue={setValue}
-          type="number"
-          max={
-            attribute.settings?.max ? Number(attribute.settings.max) : undefined
-          }
-          min={
-            attribute.settings?.min ? Number(attribute.settings.min) : undefined
-          }
-          disabled={disabled}
-        />
-      );
-    case AttributeTypeEnum.TEXT:
-      return (
-        <LabeledInput
-          label={label}
-          value={value}
-          setValue={setValue}
-          type="text"
-          maxLength={attribute.settings?.max}
-          minLength={attribute.settings?.min}
-          disabled={disabled}
-        />
-      );
-    case AttributeTypeEnum.LIST:
-      return (
-        <LabeledSelect
-          label={label}
-          selected={value}
-          setSelected={setValue}
-          options={(attribute.content as string[]) || []}
-          disabled={disabled}
-        />
-      );
-    case AttributeTypeEnum.BOOLEAN:
-      return (
-        <LabeledInput
-          type="checkbox"
-          label={label}
-          checked={value === "true"}
-          setValue={(s) => setValue(s)}
-          disabled={disabled}
-        />
-      );
-    case AttributeTypeEnum.DATE:
-      return (
-        <LabeledInput
-          type="date"
-          label={label}
-          value={value}
-          setValue={(date) => setValue(date)}
-          disabled={disabled}
-        />
-      );
-    case AttributeTypeEnum.LINK:
-      return (
-        <div className="w-full">
-          <label className="block text-sm font-bold mb-1">{label}</label>
-          <a href={attribute.content as string} target="_blank">
-            {attribute.content}
-          </a>
-        </div>
-      );
-    case AttributeTypeEnum.MULTIPLE:
-      return (
-        <LabeledMutliSelect
-          label={label}
-          selectedOptions={value !== "" ? value.split(",") : []}
-          onChange={(selected) => setValue(selected.join(","))}
-          options={(attribute.content as string[]) || []}
-          disabled={disabled}
-        />
-      );
-    case AttributeTypeEnum.FILE:
-    case AttributeTypeEnum.IMAGE:
-      return (
-        <LabeledFileInput
-          label={label}
-          fileUrl={value.includes("http") ? value : undefined}
-          setFileData={setValue}
-          disabled={disabled}
-        />
-      );
-    case AttributeTypeEnum.IMAGE_OUTPUT:
-      return (
-        <div className="w-full">
-          <label className="block text-sm font-bold mb-1">{label}</label>
-          <img className="w-64" src={attribute.content as string} />
-        </div>
-      );
-    case AttributeTypeEnum.VIDEO_OUTPUT:
-      return <ShowVideo url={attribute.content as string} />;
-    case AttributeTypeEnum.TEXT_OUTPUT:
-      return (
-        <div className="w-full">
-          <label className="block text-sm font-bold mb-1">{label}</label>
-          <textarea className="w-full bg-white" disabled>
-            {attribute.content as string}
-          </textarea>
-        </div>
-      );
-    case AttributeTypeEnum.TITRE:
-      return (
-        <div className="w-full">
-          <h2 className="text-3xl font-semibold">{attribute.label}</h2>
-        </div>
-      );
-    case AttributeTypeEnum.AUTOGEN:
-      let result = 0;
-      if (attribute.content && typeof attribute.content === "string") {
-        result = calculateContent(attribute.content, data);
-        return <p>{result}</p>;
-      }
-  }
-}
-
-function calculateContent(content: string, data: DataJSON): number {
-  const parser = new Parser();
-  const expr = parser.parse(content);
-  const vars = expr.variables();
-  if (vars.every((v) => !!data[v])) {
-    return expr.evaluate(data as { [propertyName: string]: string }) as number;
-  } else {
-    return 0;
-  }
-}
-
-function ShowVideo({ url }: { url: string }) {
-  return (
-    <div>
-      <iframe
-        width="560"
-        height="315"
-        src={"https://www.youtube.com/embed/" + url}
-        title="YouTube video player"
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-      ></iframe>
-    </div>
-  );
-}

package/src/component/ShowErrors.tsx

@@ -1,20 +0,0 @@
-import WrongIcon from "./icons/WrongIcon";
-
-export default function ShowErrors({ errors }: { errors: string[] }) {
-  return (
-    <div
-      className="bg-red-50 border border-red-300 text-red-600 px-3 py-2 rounded-xl relative"
-      role="alert"
-    >
-      <div className="flex items-center gap-2">
-        <WrongIcon />
-        <span className="font-semibold">{errors.length} error found.</span>
-      </div>
-      <ul className="mt-2 ml-7 list-disc list-inside">
-        {errors.map((error) => (
-          <li>{error}</li>
-        ))}
-      </ul>
-    </div>
-  );
-}

package/src/component/icons/WrongIcon.tsx

@@ -1,30 +0,0 @@
-export default function WrongIcon() {
-  return (
-    <svg
-      fill="#c01c28"
-      width="22px"
-      height="22px"
-      viewBox="0 0 200 200"
-      data-name="Layer 1"
-      id="Layer_1"
-      xmlns="http://www.w3.org/2000/svg"
-      stroke="#c01c28"
-    >
-      <g id="SVGRepo_bgCarrier" stroke-width="0" />
-
-      <g
-        id="SVGRepo_tracerCarrier"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-
-      <g id="SVGRepo_iconCarrier">
-        <title />
-
-        <path d="M100,15a85,85,0,1,0,85,85A84.93,84.93,0,0,0,100,15Zm0,150a65,65,0,1,1,65-65A64.87,64.87,0,0,1,100,165Z" />
-
-        <path d="M128.5,74a9.67,9.67,0,0,0-14,0L100,88.5l-14-14a9.9,9.9,0,0,0-14,14l14,14-14,14a9.9,9.9,0,0,0,14,14l14-14,14,14a9.9,9.9,0,0,0,14-14l-14-14,14-14A10.77,10.77,0,0,0,128.5,74Z" />
-      </g>
-    </svg>
-  );
-}

package/src/component/inputs/FileInput.tsx

@@ -1,37 +0,0 @@
-import { ChangeEvent } from "react";
-
-export type FileInputProps = {
-  fileUrl?: string;
-  setFileData?: (fileData: string) => void;
-  disabled?: boolean;
-};
-
-export default function FileInput({
-  fileUrl,
-  setFileData,
-  disabled,
-}: FileInputProps) {
-  function handleChange(event: ChangeEvent<HTMLInputElement>) {
-    if (event.target.files && event.target.files[0] && setFileData) {
-      const reader = new FileReader();
-      reader.onloadend = () => {
-        setFileData(
-          `${event.target.files![0].name}&&${reader.result as string}`,
-        );
-      };
-      reader.readAsDataURL(event.target.files[0]);
-    }
-  }
-  return (
-    <div>
-      {fileUrl && (
-        <a href={fileUrl} target="_blank" className="text-blue-500 block">
-          {fileUrl.substring(fileUrl.lastIndexOf("/") + 1)}
-        </a>
-      )}
-      {setFileData && !disabled && (
-        <input type="file" onChange={handleChange} />
-      )}
-    </div>
-  );
-}

package/src/component/inputs/Input.tsx

@@ -1,54 +0,0 @@
-import { HTMLInputTypeAttribute } from "react";
-
-export type InputProps = {
-  value?: string;
-  setValue: (s: string) => void;
-  type: HTMLInputTypeAttribute;
-  onBlur?: () => void;
-  maxLength?: string;
-  minLength?: string;
-  max?: number;
-  min?: number;
-  placeholder?: string;
-  disabled?: boolean;
-  checked?: boolean;
-};
-
-export default function Input({
-  value,
-  setValue,
-  type,
-  onBlur,
-  maxLength,
-  minLength,
-  max,
-  min,
-  placeholder,
-  disabled,
-  checked,
-}: InputProps) {
-  return (
-    <input
-      type={type}
-      className={`py-1.5 px-3 ${type === "checkbox" ? "size-5" : "w-full"} border-2 border-gray-300 rounded-xl text-base focus:border-blue-500 focus:ring-blue-500 disabled:bg-gray-400 disabled:opacity-50 disabled:pointer-events-none`}
-      value={value}
-      onChange={(e) =>
-        type === "checkbox"
-          ? setValue(String(e.target.checked))
-          : setValue(e.target.value)
-      }
-      disabled={disabled}
-      onBlur={onBlur}
-      maxLength={
-        maxLength && !isNaN(Number(maxLength)) ? Number(maxLength) : undefined
-      }
-      minLength={
-        minLength && !isNaN(Number(minLength)) ? Number(minLength) : undefined
-      }
-      max={max}
-      min={min}
-      placeholder={placeholder}
-      checked={checked}
-    />
-  );
-}

package/src/component/inputs/LabeledMutliSelect.tsx

@@ -1,15 +0,0 @@
-import Input, { InputProps } from "./Input";
-import MultiSelect, { MultiSelectProps } from "./MultiSelect";
-
-type Props = {
-  label: string;
-} & MultiSelectProps;
-
-export default function LabeledMutliSelect({ label, ...inputprops }: Props) {
-  return (
-    <div className="w-full">
-      <label className="block text-sm font-bold mb-1">{label}</label>
-      <MultiSelect {...inputprops} />
-    </div>
-  );
-}

package/src/component/inputs/LableledFileInput.tsx

@@ -1,14 +0,0 @@
-import FileInput, { FileInputProps } from "./FileInput";
-
-type Props = {
-  label: string;
-} & FileInputProps;
-
-export default function LabeledFileInput({ label, ...inputProps }: Props) {
-  return (
-    <div className="w-full flex gap-2 items-center">
-      <label className="block text-base font-bold mb-1">{label}</label>
-      <FileInput {...inputProps} />
-    </div>
-  );
-}

package/src/component/inputs/LableledInput.tsx

@@ -1,14 +0,0 @@
-import Input, { InputProps } from "./Input";
-
-type Props = {
-  label: string;
-} & InputProps;
-
-export default function LabeledInput({ label, ...inputProps }: Props) {
-  return (
-    <div className="w-full flex gap-2 items-center">
-      <label className="block text-base font-bold mb-1">{label}</label>
-      <Input {...inputProps} />
-    </div>
-  );
-}

package/src/component/inputs/LableledSelect.tsx

@@ -1,14 +0,0 @@
-import Select, { SelectProps } from "./Select";
-
-type Props = {
-  label: string;
-} & SelectProps;
-
-export default function LabeledSelect({ label, ...inputProps }: Props) {
-  return (
-    <div className="w-full">
-      <label className="block text-sm font-bold mb-1">{label}</label>
-      <Select {...inputProps} />
-    </div>
-  );
-}

package/src/component/inputs/MultiSelect.tsx

@@ -1,89 +0,0 @@
-import React, { useState } from "react";
-
-export type MultiSelectProps = {
-  options: string[];
-  selectedOptions: string[];
-  onChange: (selected: string[]) => void;
-  disabled?: boolean;
-};
-
-const MultiSelect: React.FC<MultiSelectProps> = ({
-  options,
-  selectedOptions,
-  onChange,
-  disabled,
-}) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const [filter, setFilter] = useState("");
-
-  const toggleDropdown = () => setIsOpen(!isOpen);
-
-  const handleOptionClick = (option: string) => {
-    if (selectedOptions.includes(option)) {
-      onChange(selectedOptions.filter((selected) => selected !== option));
-    } else {
-      onChange([...selectedOptions, option]);
-    }
-  };
-  const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setFilter(e.target.value);
-  };
-
-  const filteredOptions = options.filter((option) =>
-    option.toLowerCase().includes(filter.toLowerCase()),
-  );
-
-  return (
-    <div className="relative inline-block w-full">
-      <div
-        className="py-2 px-3 bg-white block w-full border-2 border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none"
-        onClick={toggleDropdown}
-      >
-        {Array.isArray(selectedOptions) && selectedOptions.length > 0 ? (
-          selectedOptions.map((option) => (
-            <span
-              key={option}
-              className="mr-1 inline-block rounded-full bg-secondary-blue px-2 py-1 text-sm"
-            >
-              {option}
-            </span>
-          ))
-        ) : (
-          <span className="text-placeholder-gray">Select options</span>
-        )}
-      </div>
-      {isOpen && (
-        <div className="absolute left-0 right-0 z-10 mt-2 rounded-md border border-secondary-gray bg-white">
-          <input
-            type="text"
-            className="w-full border-b border-secondary-gray p-2"
-            placeholder="Filter options..."
-            value={filter}
-            onChange={handleFilterChange}
-          />
-          <div className="max-h-60 overflow-y-auto">
-            {filteredOptions.map((option) => (
-              <div
-                key={option}
-                className="cursor-pointer p-2 hover:bg-primary-gray"
-                onClick={() => {
-                  if (!disabled) handleOptionClick(option);
-                }}
-              >
-                <input
-                  type="checkbox"
-                  checked={selectedOptions.includes(option)}
-                  readOnly
-                  className="mr-2"
-                />
-                <span className="ml-2">{option}</span>
-              </div>
-            ))}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default MultiSelect;

package/src/component/inputs/Select.tsx

@@ -1,33 +0,0 @@
-export type SelectProps = {
-  options: string[];
-  selected: string;
-  setSelected: (s: string) => void;
-  canDefault?: boolean;
-  disabled?: boolean;
-};
-
-export default function Select({
-  options,
-  selected,
-  setSelected,
-  canDefault,
-  disabled,
-}: SelectProps) {
-  return (
-    <select
-      value={selected || ""}
-      onChange={(e) => setSelected(e.target.value)}
-      className="py-2 px-3 bg-white block w-full border-2 border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none"
-      disabled={disabled}
-    >
-      <option value="" disabled={!canDefault} hidden={!canDefault}>
-        selection
-      </option>
-      {options.map((opt, i) => (
-        <option key={i} value={opt}>
-          {opt}
-        </option>
-      ))}
-    </select>
-  );
-}

package/src/index.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/src/index.tsx

@@ -1,6 +0,0 @@
-import "./index.css";
-
-export * from "./component/ComponentDisplayer";
-export * from "./component/ShowAttr";
-
-export * from "./util/type";

package/src/util/type.ts

@@ -1,124 +0,0 @@
-// Scalars
-export type DataJSON = Record<string, string | object>;
-export type DateTime = string;
-
-// Enums
-export enum ConditionEnum {
-  EQ = "equal",
-  SUP = "superior",
-  INF = "inferior",
-  CONTAIN = "contain",
-}
-
-export enum AttributeTypeEnum {
-  TEXT = "text",
-  LIST = "list",
-  NUMBER = "number",
-  BOOLEAN = "boolean",
-  DATE = "date",
-  NOTE = "note",
-  IMAGE = "image",
-  LINK = "link",
-  MULTIPLE = "multiple",
-  AUTOGEN = "autogen",
-  FILE = "file",
-  TITRE = "titre",
-  TEXT_OUTPUT = "text_output",
-  IMAGE_OUTPUT = "image_output",
-  VIDEO_OUTPUT = "video_output",
-}
-
-export enum ComponentType {
-  GENERAL = "general",
-  ACCESS = "access",
-  PEC = "PEC",
-  DOSSIER = "dossier",
-  PATIENT = "patient",
-  PRESCRIPTION = "prescription",
-  WORKFLOW = "workflow",
-  FOLDER = "folder",
-  CONSULTATION = "consultation",
-  TREE = "tree",
-}
-
-// Types
-export interface Condition {
-  attribute: string;
-  cond: keyof typeof ConditionEnum;
-  value: string;
-  delimiter: string;
-}
-
-export interface ISettingsAttribute {
-  max?: string;
-  min?: string;
-  color?: string;
-  required?: boolean;
-  newValue?: boolean;
-}
-
-export interface Attribute {
-  name: string;
-  label?: string;
-  type?: keyof typeof AttributeTypeEnum;
-  content?: Content;
-  settings?: ISettingsAttribute;
-}
-
-export type Content = string | string[];
-
-export interface SettingsComponent {
-  required?: boolean;
-}
-
-export interface Component {
-  _id: string;
-  name: string;
-  label: string;
-  type: keyof typeof ComponentType;
-  attributes: Attribute[];
-  conditions: Condition[][];
-  settings?: SettingsComponent;
-  filter?: PrescriptionFilterType;
-  createdAt?: DateTime;
-  updatedAt?: DateTime;
-}
-
-export interface ComponentResult {
-  total: number;
-  page: number;
-  lastPage: number;
-  data: Component[];
-}
-
-export interface Data {
-  _id: string;
-  proprietor: string;
-  from: string;
-  component: Component;
-  value: DataJSON;
-  extra: DataJSON;
-  createdAt: DateTime;
-  updatedAt: DateTime;
-}
-
-export interface DataResult {
-  total: number;
-  page: number;
-  lastPage: number;
-  data: Data[];
-}
-
-export type PrescriptionFilterType = {
-  protocol: string | null;
-  cure: string | null;
-  molecule: string | null;
-  dose: Filter | null;
-  validation: Filter | null;
-  info: boolean | null;
-};
-
-export type Filter = {
-  op: ConditionEnum | "";
-  value: string;
-};