@amoa/casting 0.1.3 → 0.1.5

package/dist/packages/ingots/src/date/picker/index.js

@@ -0,0 +1,154 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { check, precedes, match, follows } from '../../../../forge/src/dates/index.js';
+import Button from '../../button/index.js';
+import Backdrop from '../../backdrop/index.js';
+import Days from './days/index.js';
+import Handle from './handle/index.js';
+import Menu from './menu/index.js';
+import styles from './index.module.css.js';
+import { j as jsxRuntimeExports } from '../../../../../_virtual/jsx-runtime.js';
+import { name, labels } from '../../../../forge/src/dates/month.js';
+import { get } from '../../../../forge/src/dates/year.js';
+
+const Picker = ({
+  date,
+  setDate,
+  open,
+  close,
+  single,
+  since,
+  until
+}) => {
+  const current = new Date();
+  const [selected, setSelected] = React.useState(current);
+  const [start, setStart] = React.useState();
+  const [end, setEnd] = React.useState();
+  const [years, setYears] = React.useState(false);
+  const [months, setMonths] = React.useState(false);
+  const ref = React.useRef();
+  const disabled = single ? !check(start) : !check(start) && !check(end);
+  const reset = () => {
+    const start = new Date(check(date) ? date : date?.start);
+    const end = new Date(check(date) ? date : date?.end);
+    setStart(start);
+    setEnd(end);
+  };
+  const save = () => {
+    setDate(single ? start : {
+      start,
+      end
+    });
+    close();
+  };
+  const changeMonth = month => {
+    const initial = new Date(selected);
+    setSelected(new Date(initial.setMonth(month)));
+  };
+  const changeYear = year => {
+    const initial = new Date(selected);
+    setSelected(new Date(year, initial.getMonth(), initial.getDate()));
+  };
+  const navigateMonth = way => {
+    const initial = new Date(selected);
+    setSelected(new Date(initial.setMonth(initial.getMonth() + way)));
+  };
+  const navigateYear = way => {
+    const initial = new Date(selected);
+    const year = initial.getFullYear() + way;
+    setSelected(new Date(year, initial.getMonth(), initial.getDate()));
+  };
+  const toggleMonths = () => {
+    setYears(false);
+    setMonths(months => !months);
+  };
+  const toggleYears = () => {
+    setMonths(false);
+    setYears(years => !years);
+  };
+  const changeDate = date => {
+    if (single || start === null || precedes(date, start) || !match(start, end)) {
+      setStart(date);
+      setEnd(date);
+    } else if (!single && match(date, start) && match(date, end)) {
+      reset();
+    } else if (!single && follows(start, date)) {
+      setEnd(date);
+    }
+  };
+  const onBackdropClick = () => {
+    if (typeof close === "function") close();
+  };
+  React.useEffect(() => {
+    ref.current = document.body;
+  }, []);
+  React.useEffect(() => {
+    reset();
+  }, [date]);
+  if (!open) return;
+  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+    children: [/*#__PURE__*/jsxRuntimeExports.jsx(Backdrop, {
+      className: styles.backdrop,
+      onClick: onBackdropClick
+    }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+      className: styles.root,
+      children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        className: styles.handles,
+        children: [/*#__PURE__*/jsxRuntimeExports.jsx(Handle, {
+          change: navigateMonth,
+          onClick: toggleMonths,
+          children: name(selected)
+        }), /*#__PURE__*/jsxRuntimeExports.jsx(Handle, {
+          change: navigateYear,
+          onClick: toggleYears,
+          children: selected.getFullYear()
+        })]
+      }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        className: styles.content,
+        children: [/*#__PURE__*/jsxRuntimeExports.jsx(Days, {
+          date: selected,
+          onClick: changeDate,
+          start: start,
+          end: end,
+          since: since,
+          until: until
+        }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+          className: styles.buttons,
+          children: [/*#__PURE__*/jsxRuntimeExports.jsx(Button, {
+            className: styles.button,
+            variant: "tertiary",
+            color: "red",
+            onClick: reset,
+            children: "Effacer"
+          }), /*#__PURE__*/jsxRuntimeExports.jsx(Button, {
+            className: styles.button,
+            color: "green",
+            onClick: save,
+            disabled: disabled,
+            children: "Appliquer"
+          })]
+        }), /*#__PURE__*/jsxRuntimeExports.jsx(Menu, {
+          list: get(12, since, until).map(item => ({
+            item,
+            value: item
+          })),
+          setValue: changeYear,
+          current: selected.getFullYear(),
+          open: years,
+          setOpen: setYears
+        }), /*#__PURE__*/jsxRuntimeExports.jsx(Menu, {
+          list: labels.map((item, value) => ({
+            item,
+            value
+          })),
+          setValue: changeMonth,
+          current: selected.getMonth(),
+          open: months,
+          setOpen: setMonths
+        })]
+      })]
+    })]
+  }), ref.current);
+};
+
+export { Picker as default };

package/dist/packages/ingots/src/date/picker/index.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"root":"index-module_root__3xHAI","backdrop":"index-module_backdrop__ddXKH","content":"index-module_content__BkAFZ","handles":"index-module_handles__dU2l8","buttons":"index-module_buttons__-JE48","button":"index-module_button__CUkle"};
+
+export { styles as default };

package/dist/packages/ingots/src/date/picker/menu/index.js

@@ -0,0 +1,32 @@
+import Item from './item.js';
+import styles from './index.module.css.js';
+import { j as jsxRuntimeExports } from '../../../../../../_virtual/jsx-runtime.js';
+
+const Menu = ({
+  list,
+  current,
+  setValue,
+  open,
+  setOpen
+}) => {
+  if (!open) return;
+  const close = () => setOpen(false);
+  return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+    className: styles.root,
+    children: /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+      className: styles.list,
+      children: list.map(({
+        item,
+        value
+      }) => /*#__PURE__*/jsxRuntimeExports.jsx(Item, {
+        value: value,
+        close: close,
+        setValue: setValue,
+        selected: value === current,
+        children: item
+      }, `menu-item-${value}`))
+    })
+  });
+};
+
+export { Menu as default };

package/dist/packages/ingots/src/date/picker/menu/index.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"root":"index-module_root__FAbZx","list":"index-module_list__5uBaA"};
+
+export { styles as default };

package/dist/packages/ingots/src/date/picker/menu/item.js

@@ -0,0 +1,30 @@
+import { build } from '../../../../../forge/src/classes.js';
+import 'react';
+import { j as jsxRuntimeExports } from '../../../../../../_virtual/jsx-runtime.js';
+import Connect from '../../../../../runes/src/paths/check/regular.js';
+import styles from './item.module.css.js';
+
+const Item = ({
+  children,
+  close,
+  value,
+  setValue,
+  selected
+}) => {
+  const classes = build(styles.root, {
+    [styles.selected]: selected
+  });
+  const onClick = () => {
+    setValue(value);
+    close();
+  };
+  return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+    className: classes,
+    onClick: onClick,
+    children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
+      children: children
+    }), selected && /*#__PURE__*/jsxRuntimeExports.jsx(Connect, {})]
+  });
+};
+
+export { Item as default };

package/dist/packages/ingots/src/date/picker/menu/item.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"root":"item-module_root__tfHS1","selected":"item-module_selected__R2CrR"};
+
+export { styles as default };

package/dist/packages/ingots/src/file/api/index.js

@@ -0,0 +1,14 @@
+import config from '../../../../../config/config.json.js';
+import { download as download$1 } from '../../../../forge/src/fetcher/index.js';
+
+const {
+  api
+} = config[process.env.REACT_APP_ENV || "development"];
+const download = async (url, token, id) => {
+  const endpoint = `${api}/api/file/download/${id}`;
+  return download$1(endpoint, undefined, {
+    Authorization: token
+  });
+};
+
+export { download };

package/dist/packages/ingots/src/file/card/index.js

@@ -0,0 +1,65 @@
+import 'react';
+import { j as jsxRuntimeExports } from '../../../../../_virtual/jsx-runtime.js';
+import Regular from '../../../../runes/src/paths/cross/regular.js';
+import File$1 from '../../../../runes/src/paths/file.js';
+import { build } from '../../../../forge/src/classes.js';
+import File from '../index.js';
+import Loader from '../../loader/index.js';
+import Tag from '../../tag/index.js';
+import styles from './index.module.css.js';
+
+const tags = {
+  bill: "Facture",
+  quote: "Devis",
+  record: "Devis signé"
+};
+const Card = ({
+  className,
+  onDelete,
+  small,
+  loading,
+  ...props
+}) => {
+  const classes = build(styles.root, className, {
+    [styles.small]: small
+  });
+  const {
+    title,
+    id,
+    context,
+    kind = ""
+  } = props;
+  const tag = kind && tags[kind];
+  return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+    className: classes,
+    children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+      className: styles.file,
+      children: [/*#__PURE__*/jsxRuntimeExports.jsxs(File, {
+        className: styles.label,
+        id: id,
+        title: title,
+        context: context,
+        children: [/*#__PURE__*/jsxRuntimeExports.jsx(File$1, {
+          className: styles.icon
+        }), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+          className: styles.text,
+          children: /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+            className: styles.inner,
+            children: title
+          })
+        })]
+      }), typeof onDelete === "function" && /*#__PURE__*/jsxRuntimeExports.jsx(Regular, {
+        className: styles.delete,
+        onClick: onDelete({
+          ...props
+        })
+      }), loading && /*#__PURE__*/jsxRuntimeExports.jsx(Loader, {
+        className: styles.loader
+      })]
+    }), kind && /*#__PURE__*/jsxRuntimeExports.jsx(Tag, {
+      children: tag
+    })]
+  });
+};
+
+export { Card as default };

package/dist/packages/ingots/src/file/card/index.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"root":"index-module_root__xDjFV","file":"index-module_file__pZ2iE","label":"index-module_label__qsVHO","icon":"index-module_icon__wutx9","delete":"index-module_delete__KIJe0","loader":"index-module_loader__karOR","text":"index-module_text__kR1Xf","inner":"index-module_inner__1F39V","small":"index-module_small__a8P5y"};
+
+export { styles as default };

package/dist/packages/ingots/src/file/index.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { build } from '../../../forge/src/classes.js';
+import { download } from '../../../forge/src/files.js';
+import { Context } from '../../../wares/src/authentication/index.js';
+import styles from './index.module.css.js';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+import './api/index.js';
+
+const File = ({
+  className,
+  id,
+  title,
+  children,
+  context
+}) => {
+  const {
+    token = ""
+  } = React.useContext(context || Context) || {};
+  const blocked = !token || !id || !title;
+  const classes = build(styles.root, className, {
+    [styles.blocked]: blocked
+  });
+  const onClick = async () => {
+    if (blocked) return;
+    download(token, id, title);
+  };
+  return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+    className: classes,
+    onClick: onClick,
+    children: children || title
+  });
+};
+
+export { File as default };

package/dist/packages/ingots/src/file/index.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"root":"index-module_root__KXiKL","blocked":"index-module_blocked__92H-y"};
+
+export { styles as default };

package/dist/packages/ingots/src/file/input/index.js

@@ -0,0 +1,261 @@
+import * as React from 'react';
+import { build } from '../../../../forge/src/classes.js';
+import { shake } from '../../../../forge/src/strings/index.js';
+import { j as jsxRuntimeExports } from '../../../../../_virtual/jsx-runtime.js';
+import Path from '../../../../runes/src/paths/arrow/path.js';
+import Fill from '../../../../runes/src/paths/check/fill.js';
+import Alert from '../../../../runes/src/paths/alert.js';
+import Click from '../../../../runes/src/paths/click.js';
+import Download from '../../../../runes/src/paths/download.js';
+import Card from '../card/index.js';
+import styles from './index.module.css.js';
+
+const icons = {
+  idle: Download,
+  dragging: Click,
+  importing: Path,
+  imported: Fill,
+  error: Alert,
+  incompatible: Alert,
+  larger: Alert
+};
+const messages = {
+  idle: "Importez ici votre fichier",
+  dragging: "Déposez ici votre fichier",
+  importing: "Votre fichier est en cours d’import...",
+  imported: "Votre fichier a bien été importé !",
+  error: "Nous avons rencontré une erreur",
+  larger: "Le fichier est trop volumineux",
+  incompatible: "Format du fichier incompatible"
+};
+const colors = {
+  imported: "green",
+  error: "red",
+  larger: "red",
+  incompatible: "red"
+};
+const TYPES = {
+  jpeg: {
+    title: "jpeg",
+    code: "image/jpeg"
+  },
+  png: {
+    title: "png",
+    code: "image/png"
+  },
+  webp: {
+    title: "webp",
+    code: "image/webp"
+  },
+  pdf: {
+    title: "pdf",
+    code: "application/pdf"
+  },
+  zip: {
+    title: "zip",
+    code: "application/zip"
+  }
+};
+const types = {
+  jpg: TYPES.jpeg,
+  jpeg: TYPES.jpeg,
+  png: TYPES.png,
+  webp: TYPES.webp,
+  pdf: TYPES.pdf,
+  zip: TYPES.zip,
+  ".jpg": TYPES.jpeg,
+  ".jpeg": TYPES.jpeg,
+  ".png": TYPES.png,
+  ".webp": TYPES.webp,
+  ".pdf": TYPES.pdf,
+  ".zip": TYPES.zip,
+  "image/jpeg": TYPES.jpeg,
+  "image/png": TYPES.png,
+  "image/webp": TYPES.webp,
+  "application/pdf": TYPES.pdf,
+  "application/zip": TYPES.zip
+};
+const accept = formats => {
+  return formats?.reduce((acc, format) => {
+    if (!types[format]) return acc;
+    const {
+      title,
+      code
+    } = types[format];
+    return {
+      acceptance: [...acc.acceptance, code],
+      accepted: [...acc.accepted, title]
+    };
+  }, {
+    acceptance: [],
+    accepted: []
+  });
+};
+const insert = (list, word) => {
+  const index = list.length - 1;
+  const uppercase = list.map(item => item.toUpperCase());
+  const major = uppercase.slice(0, index);
+  const last = uppercase[index];
+  if (index === 0) return last;
+  return `${major.join(", ")} ${word} ${last}`;
+};
+const File = ({
+  className,
+  onSelected,
+  onChange,
+  multiple,
+  formats = ["pdf", "jpg", "png"],
+  size = 8,
+  single,
+  error,
+  value,
+  helper,
+  small,
+  reset,
+  list = "",
+  required,
+  children,
+  name,
+  label = false
+}) => {
+  const [files, setFiles] = React.useState(value || []);
+  const [status, setStatus] = React.useState("idle");
+  const {
+    acceptance,
+    accepted
+  } = accept(formats);
+  const ref = React.useRef();
+  const Icon = icons[status];
+  const color = colors[status];
+  const description = `${insert(accepted, "ou")} - ${size}MB max.`;
+  const imported = single ? "Cliquez ici pour remplacer par un nouveau fichier" : "Importer un nouveau fichier";
+  const invalid = required && files.length < 1;
+  const id = name || `file-${shake(undefined, 4, 4)}`;
+  const descriptions = {
+    idle: description,
+    dragging: description,
+    imported,
+    error: "Réessayer",
+    larger: "Réessayer",
+    incompatible: "Réessayer"
+  };
+  const add = dropped => {
+    if (!dropped?.length) return;
+    const added = Array.from(dropped);
+    const larger = added.some(file => file.size > 1048576 * size);
+    const wrong = !added.some(({
+      type
+    }) => acceptance.includes(type));
+    if (larger) return setStatus("larger");
+    if (wrong) return setStatus("incompatible");
+    setStatus("imported");
+    if (single) setFiles([...added]);else setFiles(files => [...files, ...added]);
+    if (!single) window.setTimeout(() => setStatus("idle"), 3000);
+  };
+  const _onChange = event => {
+    const files = event.target.files;
+    add(files);
+  };
+  const onDrop = event => {
+    event.preventDefault();
+    const {
+      dataTransfer
+    } = event;
+    const {
+      files
+    } = dataTransfer;
+    add(files);
+  };
+  const onDragEnter = event => {
+    event.preventDefault();
+    setStatus("dragging");
+  };
+  const onDragOver = event => {
+    event.preventDefault();
+  };
+  const onDelete = lastModified => () => () => {
+    const list = files.filter(file => file.lastModified !== lastModified);
+    setFiles(list);
+    !list.length && setStatus("idle");
+  };
+  React.useEffect(() => {
+    if (files.length > 0) {
+      setFiles(value || []);
+      ref.current.files = new DataTransfer().files;
+      setStatus("idle");
+    }
+  }, [reset]);
+  React.useEffect(() => {
+    if (typeof onSelected === "function" && files.length > 0) onSelected(files);
+    if (typeof onChange === "function") onChange(files);
+  }, [files, onSelected, onChange]);
+  React.useEffect(() => {
+    if (error) setStatus("error");
+  }, [error]);
+  const classes = build(className, styles.root, {
+    [styles.files]: files.length,
+    [styles[color]]: color,
+    [styles[status]]: status,
+    [styles.small]: small
+  });
+  return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+    className: classes,
+    children: [children && label && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+      className: styles.question,
+      children: children
+    }), /*#__PURE__*/jsxRuntimeExports.jsxs("label", {
+      htmlFor: id,
+      className: styles.label,
+      onDrop: onDrop,
+      onDragEnter: onDragEnter,
+      onDragOver: onDragOver,
+      children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        className: styles.information,
+        "data-invalid": invalid,
+        children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          className: styles.icon,
+          children: /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {
+            width: 28,
+            height: 28
+          })
+        }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+          className: styles.text,
+          children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
+            className: styles.title,
+            children: messages[status]
+          }), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+            className: styles.description,
+            children: descriptions[status]
+          })]
+        })]
+      }), /*#__PURE__*/jsxRuntimeExports.jsx("input", {
+        className: styles.input,
+        type: "file",
+        id: id,
+        onChange: _onChange,
+        accept: acceptance.join(","),
+        multiple: multiple,
+        hidden: true,
+        ref: ref
+      })]
+    }), files.length > 0 && list && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+      className: styles.list,
+      children: files.map(({
+        lastModified,
+        name
+      }, index) => {
+        return /*#__PURE__*/jsxRuntimeExports.jsx(Card, {
+          className: styles.file,
+          onDelete: onDelete(lastModified),
+          title: name,
+          small: list === "small"
+        }, `file-${index}`);
+      })
+    }), helper && /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+      className: styles.helper,
+      children: helper
+    })]
+  });
+};
+
+export { File as default };

package/dist/packages/ingots/src/file/input/index.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"root":"index-module_root__SMoii","question":"index-module_question__NtE-j","label":"index-module_label__VPiEN","information":"index-module_information__rv2fk","icon":"index-module_icon__-R9vX","text":"index-module_text__zUJtP","title":"index-module_title__xr0dD","description":"index-module_description__G1hgH","helper":"index-module_helper__G6BNR","input":"index-module_input__ydnxA","list":"index-module_list__V5K24","file":"index-module_file__8mj9e","dragging":"index-module_dragging__jntWV","imported":"index-module_imported__iqs3y","red":"index-module_red__poyEv","green":"index-module_green__9le1e","small":"index-module_small__Q0es2"};
+
+export { styles as default };