@bolio-ui/core 2.0.0-alpha.1 → 3.0.0-alpha.0

package/dist/chunk-MAICNLTY.js

@@ -0,0 +1,208 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkUX2B3G6Ujs = require('./chunk-UX2B3G6U.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+// core/use-scale/with-scale.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/use-scale/scale-context.ts
+
+var ScalePropKeys = [
+  "width",
+  "height",
+  "padding",
+  "margin",
+  "w",
+  "h",
+  "paddingLeft",
+  "paddingRight",
+  "paddingTop",
+  "paddingBottom",
+  "pl",
+  "pr",
+  "pt",
+  "pb",
+  "marginLeft",
+  "marginRight",
+  "marginTop",
+  "marginBottom",
+  "ml",
+  "mr",
+  "mt",
+  "mb",
+  "px",
+  "py",
+  "mx",
+  "my",
+  "font",
+  "unit",
+  "scale"
+];
+var defaultDynamicLayoutPipe = (scale1x) => {
+  return `${scale1x}`;
+};
+var defaultContext = {
+  getScaleProps: () => void 0,
+  getAllScaleProps: () => ({}),
+  SCALES: {
+    pl: defaultDynamicLayoutPipe,
+    pr: defaultDynamicLayoutPipe,
+    pb: defaultDynamicLayoutPipe,
+    pt: defaultDynamicLayoutPipe,
+    px: defaultDynamicLayoutPipe,
+    py: defaultDynamicLayoutPipe,
+    mb: defaultDynamicLayoutPipe,
+    ml: defaultDynamicLayoutPipe,
+    mr: defaultDynamicLayoutPipe,
+    mt: defaultDynamicLayoutPipe,
+    mx: defaultDynamicLayoutPipe,
+    my: defaultDynamicLayoutPipe,
+    width: defaultDynamicLayoutPipe,
+    height: defaultDynamicLayoutPipe,
+    font: defaultDynamicLayoutPipe
+  },
+  unit: "16px"
+};
+var ScaleContext = _react2.default.createContext(defaultContext);
+var useScale = () => _react2.default.useContext(ScaleContext);
+
+// core/use-scale/utils.ts
+var generateGetScaleProps = (props) => {
+  const getScaleProps = (keyOrKeys) => {
+    if (!Array.isArray(keyOrKeys)) return props[keyOrKeys];
+    let value = void 0;
+    for (const key of keyOrKeys) {
+      const currentValue = props[key];
+      if (typeof currentValue !== "undefined") {
+        value = currentValue;
+      }
+    }
+    return value;
+  };
+  return getScaleProps;
+};
+var generateGetAllScaleProps = (props) => {
+  const getAllScaleProps = () => {
+    const scaleProps = {};
+    for (const key of ScalePropKeys) {
+      const value = props[key];
+      if (typeof value !== "undefined") {
+        scaleProps[key] = value;
+      }
+    }
+    return scaleProps;
+  };
+  return getAllScaleProps;
+};
+
+// core/use-scale/with-scale.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var reduceScaleCoefficient = (scale) => {
+  if (scale === 1) return scale;
+  const diff = Math.abs((scale - 1) / 2);
+  return scale > 1 ? 1 + diff : 1 - diff;
+};
+function withScale(Render) {
+  const ScaleFC = _react.forwardRef.call(void 0, 
+    ({ children, ...props }, ref) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F;
+      const { layout } = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+      const {
+        paddingLeft,
+        pl,
+        paddingRight,
+        pr,
+        paddingTop,
+        pt,
+        paddingBottom,
+        pb,
+        marginTop,
+        mt,
+        marginRight,
+        mr,
+        marginBottom,
+        mb,
+        marginLeft,
+        ml,
+        px,
+        py,
+        mx,
+        my,
+        width,
+        height,
+        font,
+        w,
+        h,
+        margin,
+        padding,
+        unit = layout.unit,
+        scale = 1,
+        ...innerProps
+      } = props;
+      const makeScaleHandler = (attrValue) => (scale1x, defaultValue) => {
+        if (scale1x === 0) {
+          scale1x = 1;
+          defaultValue = defaultValue || 0;
+        }
+        const factor = reduceScaleCoefficient(scale) * scale1x;
+        if (typeof attrValue === "undefined") {
+          if (typeof defaultValue !== "undefined") return `${defaultValue}`;
+          return `calc(${factor} * ${unit})`;
+        }
+        if (!_chunkUX2B3G6Ujs.isCSSNumberValue.call(void 0, attrValue)) return `${attrValue}`;
+        const customFactor = factor * Number(attrValue);
+        return `calc(${customFactor} * ${unit})`;
+      };
+      const value = {
+        unit,
+        SCALES: {
+          pt: makeScaleHandler((_b = (_a = paddingTop != null ? paddingTop : pt) != null ? _a : py) != null ? _b : padding),
+          pr: makeScaleHandler((_d = (_c = paddingRight != null ? paddingRight : pr) != null ? _c : px) != null ? _d : padding),
+          pb: makeScaleHandler((_f = (_e = paddingBottom != null ? paddingBottom : pb) != null ? _e : py) != null ? _f : padding),
+          pl: makeScaleHandler((_h = (_g = paddingLeft != null ? paddingLeft : pl) != null ? _g : px) != null ? _h : padding),
+          px: makeScaleHandler(
+            (_l = (_k = (_j = (_i = px != null ? px : paddingLeft) != null ? _i : paddingRight) != null ? _j : pl) != null ? _k : pr) != null ? _l : padding
+          ),
+          py: makeScaleHandler(
+            (_p = (_o = (_n = (_m = py != null ? py : paddingTop) != null ? _m : paddingBottom) != null ? _n : pt) != null ? _o : pb) != null ? _p : padding
+          ),
+          mt: makeScaleHandler((_r = (_q = marginTop != null ? marginTop : mt) != null ? _q : my) != null ? _r : margin),
+          mr: makeScaleHandler((_t = (_s = marginRight != null ? marginRight : mr) != null ? _s : mx) != null ? _t : margin),
+          mb: makeScaleHandler((_v = (_u = marginBottom != null ? marginBottom : mb) != null ? _u : my) != null ? _v : margin),
+          ml: makeScaleHandler((_x = (_w = marginLeft != null ? marginLeft : ml) != null ? _w : mx) != null ? _x : margin),
+          mx: makeScaleHandler(
+            (_B = (_A = (_z = (_y = mx != null ? mx : marginLeft) != null ? _y : marginRight) != null ? _z : ml) != null ? _A : mr) != null ? _B : margin
+          ),
+          my: makeScaleHandler(
+            (_F = (_E = (_D = (_C = my != null ? my : marginTop) != null ? _C : marginBottom) != null ? _D : mt) != null ? _E : mb) != null ? _F : margin
+          ),
+          width: makeScaleHandler(width != null ? width : w),
+          height: makeScaleHandler(height != null ? height : h),
+          font: makeScaleHandler(font)
+        },
+        getScaleProps: generateGetScaleProps(props),
+        getAllScaleProps: generateGetAllScaleProps(props)
+      };
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScaleContext.Provider, { value, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Render, { ...innerProps, ref, children }) });
+    }
+  );
+  ScaleFC.displayName = `Scale${Render.displayName || "Wrapper"}`;
+  return ScaleFC;
+}
+var with_scale_default = withScale;
+
+// core/use-scale/index.ts
+var use_scale_default = useScale;
+
+
+
+
+
+
+
+
+
+exports.ScalePropKeys = ScalePropKeys; exports.ScaleContext = ScaleContext; exports.useScale = useScale; exports.generateGetScaleProps = generateGetScaleProps; exports.generateGetAllScaleProps = generateGetAllScaleProps; exports.with_scale_default = with_scale_default; exports.use_scale_default = use_scale_default;

package/dist/chunk-MGHMAZRL.js

@@ -0,0 +1,231 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkKBZEYKCZjs = require('./chunk-KBZEYKCZ.js');
+
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Combobox/Combobox.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Combobox/Combobox.module.css.bolio-css-module-source
+var Combobox_module_css_default = { "combobox": "Combobox-module_combobox__-928S", "input": "Combobox-module_input__ti3bv", "list": "Combobox-module_list__2otmP", "empty": "Combobox-module_empty__OHL8R", "option": "Combobox-module_option__7vlGK", "active": "Combobox-module_active__hBOFz", "selected": "Combobox-module_selected__SPX5y", "disabled": "Combobox-module_disabled__P6bkw", "srOnly": "Combobox-module_srOnly__g2BKO" };
+
+// core/Combobox/Combobox.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var getLabel = (option) => {
+  var _a;
+  return option ? (_a = option.label) != null ? _a : option.value : "";
+};
+var defaultFilter = (option, text) => getLabel(option).toLowerCase().includes(text.trim().toLowerCase());
+var firstEnabled = (options) => options.findIndex((option) => !option.disabled);
+var ComboboxComponent = _react2.default.forwardRef(
+  ({
+    options,
+    value: customValue,
+    initialValue = null,
+    onChange,
+    onInputChange,
+    placeholder,
+    disabled = false,
+    type = "default",
+    rounded = false,
+    filled = false,
+    light = false,
+    ghost = false,
+    subtle = false,
+    emptyText = "No results",
+    filter = defaultFilter,
+    className = "",
+    onKeyDown,
+    onBlur,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const colors = _chunkKBZEYKCZjs.getColors.call(void 0, theme.palette, type, disabled, {
+      filled,
+      light,
+      ghost,
+      subtle
+    });
+    const baseId = _react.useId.call(void 0, );
+    const listId = `${baseId}-list`;
+    const optionId = (index) => `${baseId}-option-${index}`;
+    const isControlled = customValue !== void 0;
+    const [selfValue, setSelfValue] = _react.useState.call(void 0, initialValue);
+    const selected = isControlled ? customValue : selfValue;
+    const selectedOption = options.find((option) => option.value === selected);
+    const selectedLabel = getLabel(selectedOption);
+    const [text, setText] = _react.useState.call(void 0, selectedLabel);
+    const [open, setOpen] = _react.useState.call(void 0, false);
+    const [activeIndex, setActiveIndex] = _react.useState.call(void 0, -1);
+    _react.useEffect.call(void 0, () => {
+      setText(selectedLabel);
+    }, [selectedLabel]);
+    const query = selectedOption && text === selectedLabel ? "" : text;
+    const visible = _react.useMemo.call(void 0, 
+      () => options.filter((option) => filter(option, query)),
+      [options, filter, query]
+    );
+    const expanded = open && visible.length > 0;
+    _react.useEffect.call(void 0, () => {
+      setActiveIndex(open ? firstEnabled(visible) : -1);
+    }, [open, query]);
+    _react.useEffect.call(void 0, () => {
+      var _a;
+      if (activeIndex < 0) return;
+      const element = document.getElementById(optionId(activeIndex));
+      (_a = element == null ? void 0 : element.scrollIntoView) == null ? void 0 : _a.call(element, { block: "nearest" });
+    }, [activeIndex]);
+    const choose = (option) => {
+      if (option.disabled) return;
+      if (!isControlled) setSelfValue(option.value);
+      setText(getLabel(option));
+      setOpen(false);
+      if (onChange) onChange(option.value);
+    };
+    const inputHandler = (event) => {
+      const next = event.target.value;
+      setText(next);
+      setOpen(true);
+      if (onInputChange) onInputChange(next);
+      if (next === "" && selected !== null) {
+        if (!isControlled) setSelfValue(null);
+        if (onChange) onChange(null);
+      }
+    };
+    const move = (direction) => {
+      const count = visible.length;
+      if (!count) return;
+      let index = activeIndex === -1 ? direction === 1 ? -1 : count : activeIndex;
+      for (let step = 0; step < count; step++) {
+        index = (index + direction + count) % count;
+        if (!visible[index].disabled) return setActiveIndex(index);
+      }
+    };
+    const keyDownHandler = (event) => {
+      if (onKeyDown) onKeyDown(event);
+      if (event.defaultPrevented) return;
+      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+        event.preventDefault();
+        if (!open) return setOpen(true);
+        return move(event.key === "ArrowDown" ? 1 : -1);
+      }
+      if (event.key === "Enter" && expanded && activeIndex >= 0) {
+        event.preventDefault();
+        return choose(visible[activeIndex]);
+      }
+      if (event.key === "Escape" && open) {
+        event.preventDefault();
+        setOpen(false);
+      }
+    };
+    const blurHandler = (event) => {
+      if (onBlur) onBlur(event);
+      setOpen(false);
+      setText(selectedLabel);
+    };
+    const comboboxStyle = {
+      "--combobox-font-size": SCALES.font(0.875),
+      "--combobox-input-height": SCALES.height(2.25),
+      "--combobox-width": SCALES.width(1, "initial"),
+      "--combobox-height": SCALES.height(1, "auto"),
+      "--combobox-padding-top": SCALES.pt(0),
+      "--combobox-padding-right": SCALES.pr(0),
+      "--combobox-padding-bottom": SCALES.pb(0),
+      "--combobox-padding-left": SCALES.pl(0),
+      "--combobox-margin-top": SCALES.mt(0),
+      "--combobox-margin-right": SCALES.mr(0),
+      "--combobox-margin-bottom": SCALES.mb(0),
+      "--combobox-margin-left": SCALES.ml(0),
+      "--combobox-text-color": theme.palette.foreground,
+      "--combobox-bg": theme.palette.background,
+      "--combobox-border-color": theme.palette.border,
+      "--combobox-radius": rounded ? "25px" : theme.layout.radius,
+      "--combobox-popup-radius": theme.layout.radius,
+      "--combobox-field-color": colors.color,
+      "--combobox-field-bg": colors.bgColor,
+      "--combobox-field-border": colors.borderColor,
+      "--combobox-field-hover-bg": colors.hoverBgColor,
+      "--combobox-field-hover-border": colors.hoverBorder,
+      "--combobox-focus-border-color": colors.focusBorder,
+      "--combobox-placeholder-color": colors.placeholderColor,
+      "--combobox-disabled-color": theme.palette.accents_4,
+      "--combobox-shadow": theme.expressiveness.shadowMedium,
+      "--combobox-active-bg": theme.palette.accents_2,
+      "--combobox-empty-color": theme.palette.accents_5
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Combobox_module_css_default.combobox, className),
+        style: comboboxStyle,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              ref,
+              type: "text",
+              role: "combobox",
+              autoComplete: "off",
+              "aria-autocomplete": "list",
+              "aria-expanded": expanded,
+              "aria-controls": expanded ? listId : void 0,
+              "aria-activedescendant": expanded && activeIndex >= 0 ? optionId(activeIndex) : void 0,
+              value: text,
+              placeholder,
+              disabled,
+              onChange: inputHandler,
+              onKeyDown: keyDownHandler,
+              onBlur: blurHandler,
+              className: Combobox_module_css_default.input,
+              ...props
+            }
+          ),
+          expanded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { id: listId, role: "listbox", className: Combobox_module_css_default.list, children: visible.map((option, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "li",
+            {
+              id: optionId(index),
+              role: "option",
+              "aria-selected": option.value === selected,
+              "aria-disabled": option.disabled || void 0,
+              className: _chunk5KUROAEPjs.joinClasses.call(void 0, Combobox_module_css_default.option, {
+                [Combobox_module_css_default.active]: index === activeIndex,
+                [Combobox_module_css_default.selected]: option.value === selected,
+                [Combobox_module_css_default.disabled]: option.disabled
+              }),
+              onMouseDown: (event) => {
+                event.preventDefault();
+                choose(option);
+              },
+              onMouseMove: () => !option.disabled && setActiveIndex(index),
+              children: getLabel(option)
+            },
+            option.value
+          )) }),
+          open && visible.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Combobox_module_css_default.empty, children: emptyText }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: "status", className: Combobox_module_css_default.srOnly, children: expanded ? `${visible.length} result${visible.length === 1 ? "" : "s"} available` : "" })
+        ]
+      }
+    );
+  }
+);
+ComboboxComponent.displayName = "BolioUICombobox";
+var Combobox = _chunkMAICNLTYjs.with_scale_default.call(void 0, ComboboxComponent);
+var Combobox_default = Combobox;
+
+// core/Combobox/index.ts
+var Combobox_default2 = Combobox_default;
+
+
+
+exports.Combobox_default = Combobox_default2;

package/dist/chunk-NCUSKYUE.js

@@ -0,0 +1,95 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkA3BIV2QMjs = require('./chunk-A3BIV2QM.js');
+
+
+var _chunkUX2B3G6Ujs = require('./chunk-UX2B3G6U.js');
+
+// core/use-toasts/use-toast.tsx
+var _react = require('react');
+var defaultToast = {
+  delay: 2e3,
+  type: "default"
+};
+var useToasts = (layout) => {
+  const { updateToasts, toasts, updateToastLayout, updateLastToastId } = _chunkA3BIV2QMjs.useBolioUIContext.call(void 0, );
+  _react.useEffect.call(void 0, () => {
+    if (!layout) return;
+    updateToastLayout(
+      () => layout ? {
+        ..._chunkA3BIV2QMjs.defaultToastLayout,
+        ...layout
+      } : _chunkA3BIV2QMjs.defaultToastLayout
+    );
+  }, []);
+  const cancel = (internalId) => {
+    updateToasts(
+      (currentToasts) => currentToasts.map((item) => {
+        if (item._internalIdent !== internalId) return item;
+        return { ...item, visible: false };
+      })
+    );
+    updateLastToastId(() => internalId);
+  };
+  const removeAll = () => {
+    updateToasts((last) => last.map((toast) => ({ ...toast, visible: false })));
+  };
+  const findToastOneByID = (id) => toasts.find((t) => t.id === id);
+  const removeToastOneByID = (id) => {
+    updateToasts(
+      (last) => last.map((toast) => {
+        if (toast.id !== id) return toast;
+        return {
+          ...toast,
+          visible: false
+        };
+      })
+    );
+  };
+  const setToast = (toast) => {
+    const internalIdent = `toast-${_chunkUX2B3G6Ujs.getId.call(void 0, )}`;
+    const delay = toast.delay || defaultToast.delay;
+    if (toast.id) {
+      const hasIdent = toasts.find((t) => t.id === toast.id);
+      if (hasIdent) {
+        throw new Error('Toast: Already have the same key: "ident"');
+      }
+    }
+    updateToasts((last) => {
+      const newToast = {
+        delay,
+        text: toast.text,
+        visible: true,
+        type: toast.type || defaultToast.type,
+        id: toast.id || internalIdent,
+        actions: toast.actions || [],
+        _internalIdent: internalIdent,
+        _timeout: window.setTimeout(() => {
+          cancel(internalIdent);
+          if (newToast._timeout) {
+            window.clearTimeout(newToast._timeout);
+            newToast._timeout = null;
+          }
+        }, delay),
+        cancel: () => cancel(internalIdent)
+      };
+      return [...last, newToast];
+    });
+  };
+  return {
+    toasts,
+    setToast,
+    removeAll,
+    findToastOneByID,
+    removeToastOneByID
+  };
+};
+var use_toast_default = useToasts;
+
+// core/use-toasts/index.ts
+var use_toasts_default = use_toast_default;
+
+
+
+exports.use_toasts_default = use_toasts_default;

package/dist/chunk-NDERASK2.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// core/ButtonGroup/ButtonGroupContext.ts
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var defaultContext = {
+  isButtonGroup: false,
+  disabled: false
+};
+var ButtonGroupContext = _react2.default.createContext(defaultContext);
+var useButtonGroupContext = () => _react2.default.useContext(ButtonGroupContext);
+
+
+
+
+exports.ButtonGroupContext = ButtonGroupContext; exports.useButtonGroupContext = useButtonGroupContext;