@amoa/casting 0.1.3 → 0.1.5

package/dist/packages/hooks/src/use-tooltip.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+const limits = {
+  top: 60,
+  bottom: 60,
+  right: 60,
+  left: 60
+};
+const useTooltip = (item, text, position) => {
+  React.useEffect(() => {
+    if (text && item.current) {
+      const {
+        top,
+        left,
+        bottom,
+        right
+      } = item.current.getBoundingClientRect();
+      item.current.dataset.tooltip = text;
+      if (top < limits.top) item.current.dataset.tooltipTop = "";
+      if (window.innerHeight - bottom < limits.bottom) item.current.dataset.tooltipBottom = "";
+      if (window.innerWidth - right < limits.right) item.current.dataset.tooltipRight = "";
+      if (left < limits.left) item.current.dataset.tooltipLeft = "";
+    }
+  }, [item, text]);
+};
+
+export { useTooltip as default, useTooltip };

package/dist/packages/ingots/src/address/api/form.js

@@ -0,0 +1,12 @@
+import { get } from '../../../../forge/src/fetcher/index.js';
+import config from '../config.json.js';
+
+const {
+  ban
+} = config[process.env.REACT_APP_ENV || "production"];
+const addresses = async query => {
+  const endpoint = `${ban}search?q=${query}&type=housenumber`;
+  return get(endpoint);
+};
+
+export { addresses };

package/dist/packages/ingots/src/address/config.json.js

@@ -0,0 +1,16 @@
+var development = {
+	ban: "https://data.geopf.fr/geocodage/"
+};
+var integration = {
+	ban: "https://data.geopf.fr/geocodage/"
+};
+var production = {
+	ban: "https://data.geopf.fr/geocodage/"
+};
+var config = {
+	development: development,
+	integration: integration,
+	production: production
+};
+
+export { config as default, development, integration, production };

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

@@ -0,0 +1,115 @@
+import * as React from 'react';
+import { build } from '../../../forge/src/classes.js';
+import Text from '../text/index.js';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+import useDebounce from '../../../hooks/src/use-debounce.js';
+import { fetcher } from './service.js';
+import styles from './index.module.css.js';
+
+const Address = ({
+  className,
+  children,
+  value,
+  onChange,
+  helper,
+  error,
+  small,
+  fill,
+  reset,
+  placeholder = "Choisissez",
+  onClick,
+  ...props
+}) => {
+  const {
+    label
+  } = value || {};
+  const [loading, setLoading] = React.useState(true);
+  const [input, setInput] = React.useState(label);
+  const [choice, setChoice] = React.useState(label);
+  const [focused, setFocused] = React.useState(false);
+  const ref = React.useRef();
+  const onOptionClick = value => () => {
+    if (typeof onClick === "function") onClick(value);
+    const {
+      label
+    } = value;
+    const input = ref.current.querySelector("input");
+    onChange(value);
+    setChoice(label);
+    input.value = label;
+  };
+  const get = value => {
+    setLoading(true);
+    return fetcher(value);
+  };
+  const [addresses, setAddresses] = useDebounce(get);
+  const onFocus = e => {
+    setFocused(true);
+  };
+  const onBlur = e => {
+    setFocused(false);
+  };
+  const onInput = ({
+    target
+  }) => {
+    onChange();
+    setChoice("");
+    const {
+      value
+    } = target;
+    setInput(value);
+    setAddresses(value);
+  };
+  React.useEffect(() => {
+    if (reset) ref.current.value = "";
+  }, [reset]);
+  React.useEffect(() => {
+    setLoading(true);
+  }, [addresses]);
+  const opened = addresses && input.length >= 3 && focused;
+  const classes = build(styles.root, {
+    [styles.open]: opened,
+    [styles.small]: small
+  });
+  const Icon = undefined; // loading ? Loading : undefined;
+
+  return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+    className: classes,
+    children: /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+      className: styles.container,
+      ref: ref,
+      children: [/*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+        className: styles.input,
+        Icon: Icon,
+        value: label,
+        onChange: onInput,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        validation: choice === "" ? />^$a/ : undefined,
+        fill: true,
+        ...props,
+        children: children
+      }), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        className: styles.results,
+        children: /*#__PURE__*/jsxRuntimeExports.jsx("ul", {
+          className: styles.options,
+          children: addresses?.length ? addresses.map((address, index) => {
+            const {
+              label
+            } = address;
+            return /*#__PURE__*/jsxRuntimeExports.jsx("li", {
+              className: styles.option,
+              onClick: onOptionClick(address),
+              children: label
+            }, `address-${index}`);
+          }) : /*#__PURE__*/jsxRuntimeExports.jsx("li", {
+            className: styles.empty,
+            children: "Aucun r\xE9sultat trouv\xE9."
+          }, `address-empty`)
+        })
+      })]
+    })
+  });
+};
+
+export { Address as default };

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

@@ -0,0 +1,3 @@
+var styles = {"root":"index-module_root__61HLR","container":"index-module_container__ZmwsJ","results":"index-module_results__6ZTy2","open":"index-module_open__kv1tB","input":"index-module_input__t-STE","options":"index-module_options__0lmR6","option":"index-module_option__cn9Yl","empty":"index-module_empty__Ilpbj","small":"index-module_small__0uVAP"};
+
+export { styles as default };

package/dist/packages/ingots/src/address/service.js

@@ -0,0 +1,41 @@
+import { addresses } from './api/form.js';
+
+const fetcher = async value => {
+  const {
+    features
+  } = await addresses(value);
+  return features.map(({
+    properties
+  }) => {
+    const {
+      postcode: zipcode,
+      name: street,
+      street: _,
+      label,
+      context,
+      district,
+      citycode,
+      x,
+      y,
+      type,
+      importance,
+      housenumber,
+      id,
+      oldcity,
+      oldcitycode,
+      score,
+      ...property
+    } = properties;
+    const department = zipcode.substring(0, 2);
+    return {
+      ...property,
+      label,
+      street,
+      title: label,
+      zipcode,
+      department
+    };
+  });
+};
+
+export { fetcher };

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

@@ -0,0 +1,18 @@
+import { build } from '../../../forge/src/classes.js';
+import styles from './index.module.css.js';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+
+const Backdrop = ({
+  className,
+  hidden,
+  onClick
+}) => {
+  const classes = build(styles.root, className);
+  if (hidden) return;
+  return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+    className: classes,
+    onClick: onClick
+  });
+};
+
+export { Backdrop as default };

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

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

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

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { build } from '../../../forge/src/classes.js';
+import Link from '../../../../_virtual/link.js';
+import useTooltip from '../../../hooks/src/use-tooltip.js';
+import styles from './index.module.css.js';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+
+const Button = ({
+  className,
+  variant = "primary",
+  color = "blue",
+  small,
+  disabled,
+  icon: Icon,
+  onClick,
+  link,
+  children,
+  active,
+  form,
+  mini,
+  tooltip = "",
+  ...props
+}) => {
+  const classes = build(styles.button, className, {
+    [styles.active]: active,
+    [styles.compact]: !children && Icon,
+    [styles[variant]]: !!variant,
+    [styles[color]]: !!color,
+    [styles.disabled]: disabled,
+    [styles.small]: small,
+    [styles.form]: form,
+    [styles.mini]: mini,
+    [styles.tooltip]: !!tooltip
+  });
+  const ref = React.useRef();
+  useTooltip(ref, tooltip);
+  const Tag = link ? Link : "button";
+  const click = e => {
+    if (!disabled && typeof onClick === "function") onClick(e);
+  };
+  return /*#__PURE__*/jsxRuntimeExports.jsxs(Tag, {
+    className: classes,
+    onClick: click,
+    href: link,
+    disabled: disabled,
+    ref: ref,
+    ...props,
+    children: [!!Icon && /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {
+      className: styles.icon
+    }), children && /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+      children: children
+    })]
+  });
+};
+
+export { Button as default };

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

@@ -0,0 +1,3 @@
+var styles = {"button":"index-module_button__AscUD","primary":"index-module_primary__mW1MG","secondary":"index-module_secondary__R8Mg2","blue":"index-module_blue__EYCQl","green":"index-module_green__zmhXp","red":"index-module_red__CWoh-","gray":"index-module_gray__KuQSz","disabled":"index-module_disabled__HboCB","mini":"index-module_mini__MATGv","white":"index-module_white__Qvzbo","active":"index-module_active__Nz-8S","tertiary":"index-module_tertiary__4Eydy","small":"index-module_small__m3SMz","icon":"index-module_icon__iUqek","compact":"index-module_compact__yBo-n","form":"index-module_form__ap3Rh","tooltip":"index-module_tooltip__PZT7g"};
+
+export { styles as default };

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

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { build } from '../../../forge/src/classes.js';
+import styles from './index.module.css.js';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+
+const Checkbox = ({
+  className,
+  children,
+  label,
+  id,
+  active,
+  onChange,
+  block,
+  small,
+  ...props
+}) => {
+  const ref = React.useRef();
+  const classes = build(styles.root, className, {
+    [styles.block]: block,
+    [styles.small]: small
+  });
+  const _onChange = e => {
+    if (typeof onChange === "function") onChange(e.target.checked);
+  };
+  React.useEffect(() => {
+    if (ref.current.checked !== active) ref.current.checked = active;
+  }, [active]);
+  return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+    className: classes,
+    "data-label": label,
+    children: [/*#__PURE__*/jsxRuntimeExports.jsx("input", {
+      id: id,
+      type: "checkbox",
+      className: styles.input,
+      ...props,
+      onChange: _onChange,
+      defaultChecked: active,
+      ref: ref
+    }), /*#__PURE__*/jsxRuntimeExports.jsx("label", {
+      className: styles.label,
+      htmlFor: id,
+      children: children
+    })]
+  });
+};
+
+export { Checkbox as default };

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

@@ -0,0 +1,3 @@
+var styles = {"root":"index-module_root__iussJ","input":"index-module_input__FWZ1E","block":"index-module_block__BSlnu","small":"index-module_small__OyaW5"};
+
+export { styles as default };

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

@@ -0,0 +1,22 @@
+import 'react';
+import { j as jsxRuntimeExports } from '../../../../../_virtual/jsx-runtime.js';
+import Regular from '../../../../runes/src/paths/cross/regular.js';
+import styles from './index.module.css.js';
+
+const Erase = ({
+  erase,
+  onErase
+}) => {
+  if (!erase) return;
+  const onClick = () => {
+    onErase();
+  };
+  return /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+    onClick: onClick,
+    children: /*#__PURE__*/jsxRuntimeExports.jsx(Regular, {
+      className: styles.erase
+    })
+  });
+};
+
+export { Erase as default };

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

@@ -0,0 +1,3 @@
+var styles = {"erase":"index-module_erase__gOkix"};
+
+export { styles as default };

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

@@ -0,0 +1,113 @@
+import * as React from 'react';
+import { build } from '../../../../forge/src/classes.js';
+import { adapt } from '../../../../forge/src/dates/index.js';
+import { j as jsxRuntimeExports } from '../../../../../_virtual/jsx-runtime.js';
+import Calendar from '../../../../runes/src/paths/calendar.js';
+import Picker from '../picker/index.js';
+import Erase from '../erase/index.js';
+import styles from './index.module.css.js';
+
+const format = date => {
+  if (!date) return "";
+  const dated = new Date(date);
+  const day = dated.getDate();
+  const month = dated.getMonth();
+  const year = dated.getFullYear();
+  return `${adapt(day)}/${adapt(month + 1)}/${year}`;
+};
+const Input = ({
+  className,
+  name,
+  value,
+  onChange,
+  children,
+  required,
+  optional,
+  helper,
+  small,
+  fill,
+  single,
+  since,
+  until,
+  erase,
+  ...props
+}) => {
+  const [picker, setPicker] = React.useState(false);
+  const [date, setDate] = React.useState(value);
+  const ref = React.useRef();
+  const classes = {
+    root: build(styles.root, className, {
+      [styles.fill]: fill,
+      [styles.small]: small,
+      [styles.filled]: !!date || !!value,
+      [styles.optional]: !required || optional
+    })
+  };
+  const _onFocus = () => {
+    setPicker(true);
+  };
+  const closePicker = () => {
+    setPicker(false);
+  };
+  const onErase = () => {
+    ref.current.value = "";
+    setDate(undefined);
+    erase();
+  };
+  const onSelect = value => {
+    if (!value) {
+      ref.current.value = "";
+      setDate(undefined);
+    } else {
+      ref.current.value = format(value);
+      setDate(value);
+    }
+    if (typeof onChange === "function") {
+      onChange(value || undefined, name);
+    }
+  };
+  React.useEffect(() => {
+    ref.current.value = format(value?.start || value);
+    setDate(value);
+  }, [value]);
+  return /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+    children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+      className: classes.root,
+      children: [children && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        className: styles.label,
+        children: children && /*#__PURE__*/jsxRuntimeExports.jsx("label", {
+          children: children
+        })
+      }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        className: styles.container,
+        children: [/*#__PURE__*/jsxRuntimeExports.jsx("input", {
+          className: styles.input,
+          type: "text",
+          defaultValue: format(value?.start || value),
+          onFocus: _onFocus,
+          ...props,
+          ref: ref
+        }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+          className: styles.icon,
+          children: [date && /*#__PURE__*/jsxRuntimeExports.jsx(Erase, {
+            erase: erase,
+            onErase: onErase
+          }), /*#__PURE__*/jsxRuntimeExports.jsx(Calendar, {})]
+        })]
+      }), helper && /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+        className: styles.helper,
+        children: helper
+      })]
+    }), /*#__PURE__*/jsxRuntimeExports.jsx(Picker, {
+      date: date,
+      setDate: onSelect,
+      open: picker,
+      close: closePicker,
+      single: single,
+      since: since,
+      until: until
+    })]
+  });
+};
+
+export { Input as default };

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

@@ -0,0 +1,3 @@
+var styles = {"root":"index-module_root__z8mFd","label":"index-module_label__t56-f","container":"index-module_container__CcKPp","input":"index-module_input__rVMrK","filled":"index-module_filled__xGo-u","optional":"index-module_optional__N4oUK","icon":"index-module_icon__Xr0kf","helper":"index-module_helper__M3fAC","fill":"index-module_fill__nu6oE","small":"index-module_small__FR-oz"};
+
+export { styles as default };

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

@@ -0,0 +1,35 @@
+import { build } from '../../../../../forge/src/classes.js';
+import { follows, precedes, match as match$1, intercedes } from '../../../../../forge/src/dates/index.js';
+import styles from './index.module.css.js';
+import { j as jsxRuntimeExports } from '../../../../../../_virtual/jsx-runtime.js';
+import { shift } from '../../../../../forge/src/dates/day.js';
+import { match } from '../../../../../forge/src/dates/month.js';
+
+const Day = ({
+  date,
+  current,
+  start,
+  end,
+  onClick,
+  since,
+  until
+}) => {
+  const next = shift(until, 1);
+  const disabled = since && follows(date, since) || until && precedes(next, date);
+  const classes = build(styles.root, {
+    [styles.active]: match$1(new Date(), date),
+    [styles.start]: match$1(date, start),
+    [styles.between]: intercedes(start, date, end),
+    [styles.end]: match$1(date, end),
+    [styles.muted]: !match(date, current),
+    [styles.disabled]: disabled
+  });
+  const _onClick = () => onClick(date);
+  return /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+    className: classes,
+    onClick: _onClick,
+    children: date.getDate()
+  });
+};
+
+export { Day as default };

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

@@ -0,0 +1,3 @@
+var styles = {"root":"index-module_root__Zwu81","active":"index-module_active__TZ-sO","start":"index-module_start__EcNvK","between":"index-module_between__2DOr6","end":"index-module_end__6l07Q","muted":"index-module_muted__i-tQA","disabled":"index-module_disabled__--Yz3"};
+
+export { styles as default };

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,3 @@
+var styles = {"days":"index-module_days__i0FJ4","weekday":"index-module_weekday__wTypW"};
+
+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,3 @@
+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"};
+
+export { styles as default };