@amoa/casting 0.1.5 → 0.1.7

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

@@ -1,154 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,32 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,65 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,34 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,261 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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 };