@amoa/casting 0.1.2 → 0.1.4

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

@@ -0,0 +1,59 @@
+import { labels } from '../../../../../forge/src/dates/day.js';
+import { days, first, previous, next, day } from '../../../../../forge/src/dates/month.js';
+import '../../../../../forge/src/dates/year.js';
+import styles from './index.module.css.js';
+import Day from '../day/index.js';
+import { j as jsxRuntimeExports } from '../../../../../../_virtual/jsx-runtime.js';
+
+const Days = ({
+  date,
+  start,
+  end,
+  onClick,
+  since,
+  until
+}) => {
+  const current = new Date(date);
+  const days$1 = days(date);
+  const first$1 = first(date);
+  const previous$1 = previous(date);
+  const previousDays = days(previous$1);
+  const next$1 = next(date);
+  const labels$1 = labels;
+  return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+    className: styles.root,
+    children: /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+      className: styles.days,
+      children: [labels$1.map(day => /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+        className: styles.weekday,
+        children: day
+      }, `weekday-${day.toLowerCase()}`)), Array((first$1.getDay() + 6) % 7).fill().map((_, index) => /*#__PURE__*/jsxRuntimeExports.jsx(Day, {
+        date: day(previous$1, previousDays - (first$1.getDay() + 6) % 7 + index),
+        current: current,
+        start: start,
+        end: end,
+        onClick: onClick,
+        since: since,
+        until: until
+      }, `day-previous-${index}`)), Array(days$1).fill().map((_, index) => /*#__PURE__*/jsxRuntimeExports.jsx(Day, {
+        date: day(current, index),
+        current: current,
+        start: start,
+        end: end,
+        onClick: onClick,
+        since: since,
+        until: until
+      }, `day-current-${index}`)), Array(42 - days$1 - (first$1.getDay() + 6) % 7).fill().map((_, index) => /*#__PURE__*/jsxRuntimeExports.jsx(Day, {
+        date: day(next$1, index),
+        current: current,
+        start: start,
+        end: end,
+        onClick: onClick,
+        since: since,
+        until: until
+      }, `day-next-${index}`))]
+    })
+  });
+};
+
+export { Days as default };

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

@@ -0,0 +1,7 @@
+import styleInject from '../../../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_days__i0FJ4 {\n  display: grid;\n  grid-template-columns: repeat(7, 56px);\n  grid-auto-rows: 56px;\n}\n\n.index-module_weekday__wTypW {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: 500;\n  cursor: initial;\n  user-select: none;\n}\n";
+var styles = {"days":"index-module_days__i0FJ4","weekday":"index-module_weekday__wTypW"};
+styleInject(css_248z);
+
+export { styles as default };

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

@@ -0,0 +1,40 @@
+import 'react';
+import { j as jsxRuntimeExports } from '../../../../../../_virtual/jsx-runtime.js';
+import Down from '../../../../../runes/src/paths/chevron/down.js';
+import Left from '../../../../../runes/src/paths/chevron/left.js';
+import Right from '../../../../../runes/src/paths/chevron/right.js';
+import styles from './index.module.css.js';
+
+const Handle = ({
+  children,
+  change,
+  onClick
+}) => {
+  const _onClick = value => () => change(value);
+  return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+    className: styles.root,
+    children: [/*#__PURE__*/jsxRuntimeExports.jsx("button", {
+      className: styles.nav,
+      onClick: _onClick(-1),
+      children: /*#__PURE__*/jsxRuntimeExports.jsx(Left, {
+        className: styles.chevron
+      })
+    }), /*#__PURE__*/jsxRuntimeExports.jsxs("button", {
+      className: styles.month,
+      onClick: onClick,
+      children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
+        children: children
+      }), /*#__PURE__*/jsxRuntimeExports.jsx(Down, {
+        className: styles.dropdown
+      })]
+    }), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+      className: styles.nav,
+      onClick: _onClick(1),
+      children: /*#__PURE__*/jsxRuntimeExports.jsx(Right, {
+        className: styles.chevron
+      })
+    })]
+  });
+};
+
+export { Handle as default };

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

@@ -0,0 +1,7 @@
+import styleInject from '../../../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_root__ahAW9 {\n  display: flex;\n  align-items: center;\n}\n\n.index-module_nav__NYXgU {\n  display: flex;\n  align-items: center;\n  padding: 10px 8px;\n}\n\n.index-module_chevron__31uzJ {\n  color: var(--green);\n}\n\n.index-module_chevron__31uzJ,\n.index-module_dropdown__a0TRt {\n  height: 20px;\n  width: 20px;\n}\n\n.index-module_dropdown__a0TRt {\n  color: var(--tertiary-text);\n}\n\n.index-module_month__ws9Ie {\n  display: flex;\n  align-items: center;\n  text-transform: capitalize;\n  color: var(--font-color);\n  font-weight: 600;\n}\n";
+var styles = {"root":"index-module_root__ahAW9","nav":"index-module_nav__NYXgU","chevron":"index-module_chevron__31uzJ","dropdown":"index-module_dropdown__a0TRt","month":"index-module_month__ws9Ie"};
+styleInject(css_248z);
+
+export { styles as default };

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,7 @@
+import styleInject from '../../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_root__3xHAI {\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: var(--white);\n  border-radius: var(--border-radius);\n  padding: 16px 20px;\n  gap: 8px;\n  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2));\n  z-index: 36;\n}\n\n.index-module_backdrop__ddXKH {\n  z-index: 35;\n}\n\n.index-module_content__BkAFZ {\n  position: relative;\n}\n\n.index-module_handles__dU2l8,\n.index-module_buttons__-JE48 {\n  display: flex;\n  gap: 12px;\n}\n\n.index-module_handles__dU2l8 {\n  justify-content: space-between;\n}\n\n.index-module_buttons__-JE48 .index-module_button__CUkle {\n  flex: 1 1 50%;\n}\n";
+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"};
+styleInject(css_248z);
+
+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,7 @@
+import styleInject from '../../../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_root__FAbZx {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  overflow-y: hidden;\n  background-color: var(--white);\n}\n\n.index-module_list__5uBaA {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow-y: auto;\n}\n";
+var styles = {"root":"index-module_root__FAbZx","list":"index-module_list__5uBaA"};
+styleInject(css_248z);
+
+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,7 @@
+import styleInject from '../../../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".item-module_root__tfHS1 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  letter-spacing: 0.22px;\n  color: var(--font-color);\n  padding: 8px 12px;\n  white-space: nowrap;\n  cursor: pointer;\n  transition: background-color var(--transition-short), font-weight var(--transition-short),\n    letter-spacing var(--transition-short);\n}\n\n.item-module_selected__R2CrR {\n  background-color: var(--light-background);\n}\n\n.item-module_root__tfHS1:hover,\n.item-module_selected__R2CrR {\n  letter-spacing: normal;\n  color: var(--strong-blue);\n  font-weight: 600;\n  background-color: var(--light-background);\n}\n\n.item-module_root__tfHS1 > svg {\n  height: 20px;\n}\n";
+var styles = {"root":"item-module_root__tfHS1","selected":"item-module_selected__R2CrR"};
+styleInject(css_248z);
+
+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,7 @@
+import styleInject from '../../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_root__xDjFV {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.index-module_file__pZ2iE {\n  flex: 0 1 auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: var(--light-background);\n  border: 0.5px solid var(--stroke);\n  border-radius: 4px;\n  padding: 4px 8px;\n  gap: 8px;\n  min-width: 0;\n}\n\n.index-module_label__qsVHO {\n  flex: 1 1 auto;\n  display: flex;\n  gap: 8px;\n  min-width: 0;\n}\n\n.index-module_icon__wutx9 {\n  flex: 0 0 auto;\n  width: 20px;\n  height: 20px;\n}\n\n.index-module_delete__KIJe0 {\n  color: var(--red);\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.index-module_loader__karOR {\n  width: 16px;\n  height: 16px;\n  margin: 0;\n  border-width: 3px;\n}\n\n.index-module_text__kR1Xf {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  font-size: 14px;\n  min-width: 0;\n}\n\n.index-module_inner__1F39V {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.index-module_file__pZ2iE:hover {\n  background-color: var(--lighter-stroke);\n}\n\n.index-module_delete__KIJe0:hover {\n  color: var(--strong-red);\n}\n\n.index-module_small__a8P5y .index-module_icon__wutx9 {\n  width: 16px;\n  height: 16px;\n}\n\n.index-module_small__a8P5y .index-module_delete__KIJe0 {\n  width: 12px;\n  height: 12px;\n}\n\n.index-module_small__a8P5y .index-module_text__kR1Xf {\n  font-size: 12px;\n}\n";
+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"};
+styleInject(css_248z);
+
+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,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_root__KXiKL:not(.index-module_blocked__92H-y) {\n  cursor: pointer;\n}\n";
+var styles = {"root":"index-module_root__KXiKL","blocked":"index-module_blocked__92H-y"};
+styleInject(css_248z);
+
+export { styles as default };