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

package/dist/chunk-ELIPUM6Q.js

@@ -1,142 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-
-var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
-
-
-var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
-
-
-
-var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
-
-// core/Combobox/Combobox.tsx
-var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-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,
-  emptyText = "No results",
-  filter = defaultFilter,
-  className = "",
-  onKeyDown,
-  onBlur,
-  ...props
-}, ref) => {
-  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
-  const {
-    SCALES
-  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
-  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);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _style2.default.dynamic([["1685493807", [SCALES.font(1), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium, theme.palette.foreground, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_5]]]) + " " + (_chunk5KUROAEPjs.use_classes_default.call(void 0, "combobox", className) || ""), 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, ...props, className: _style2.default.dynamic([["1685493807", [SCALES.font(1), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium, theme.palette.foreground, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_5]]]) + " " + (props && props.className != null && props.className || "") }),
-    expanded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { id: listId, role: "listbox", className: _style2.default.dynamic([["1685493807", [SCALES.font(1), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium, theme.palette.foreground, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_5]]]), 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, onMouseDown: (event) => {
-      event.preventDefault();
-      choose(option);
-    }, onMouseMove: () => !option.disabled && setActiveIndex(index), className: _style2.default.dynamic([["1685493807", [SCALES.font(1), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium, theme.palette.foreground, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_5]]]) + " " + (_chunk5KUROAEPjs.joinClasses.call(void 0, {
-      active: index === activeIndex,
-      selected: option.value === selected,
-      disabled: option.disabled
-    }) || ""), children: getLabel(option) }, option.value)) }),
-    open && visible.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _style2.default.dynamic([["1685493807", [SCALES.font(1), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium, theme.palette.foreground, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_5]]]) + " empty", children: emptyText }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: "status", className: _style2.default.dynamic([["1685493807", [SCALES.font(1), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium, theme.palette.foreground, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_5]]]) + " sr-only", children: expanded ? `${visible.length} result${visible.length === 1 ? "" : "s"} available` : "" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1685493807", dynamic: [SCALES.font(1), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium, theme.palette.foreground, theme.palette.accents_2, theme.palette.accents_4, theme.palette.accents_5], children: `.combobox.__jsx-style-dynamic-selector{position:relative;display:inline-block;font-size:${SCALES.font(1)};width:${SCALES.width(1, "initial")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}input.__jsx-style-dynamic-selector{box-sizing:border-box;width:100%;min-width:12.5em;height:2.5em;padding:0 0.875em;font:inherit;color:${theme.palette.foreground};background-color:${theme.palette.background};border:1px solid ${theme.palette.border};border-radius:${theme.layout.radius};outline:none;-webkit-transition:border-color 0.15s ease;transition:border-color 0.15s ease;}input.__jsx-style-dynamic-selector:focus{border-color:${theme.palette.primary};}input.__jsx-style-dynamic-selector:disabled{cursor:not-allowed;color:${theme.palette.accents_4};background-color:${theme.palette.accents_1};}ul.__jsx-style-dynamic-selector,.empty.__jsx-style-dynamic-selector{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1100;box-sizing:border-box;background-color:${theme.palette.background};border:1px solid ${theme.palette.border};border-radius:${theme.layout.radius};box-shadow:${theme.expressiveness.shadowMedium};}ul.__jsx-style-dynamic-selector{max-height:15em;overflow-y:auto;margin:0;padding:0.25em;list-style:none;}li.__jsx-style-dynamic-selector{padding:0.5em 0.75em;border-radius:4px;cursor:pointer;color:${theme.palette.foreground};}li.active.__jsx-style-dynamic-selector{background-color:${theme.palette.accents_2};}li.selected.__jsx-style-dynamic-selector{font-weight:600;}li.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;color:${theme.palette.accents_4};}.empty.__jsx-style-dynamic-selector{padding:0.75em;color:${theme.palette.accents_5};}.sr-only.__jsx-style-dynamic-selector{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);white-space:nowrap;border:0;}` })
-  ] });
-});
-ComboboxComponent.displayName = "BolioUICombobox";
-var Combobox = _chunkS62PPQHNjs.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-EMDU5OPY.js

@@ -1,236 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkJJFOGZ6Vjs = require('./chunk-JJFOGZ6V.js');
-
-
-var _chunkHKOESPKZjs = require('./chunk-HKOESPKZ.js');
-
-
-var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
-
-
-
-var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
-
-
-var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
-
-
-var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
-
-// core/Table/Table.tsx
-var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-// core/Table/TableHead.tsx
-
-
-var _jsxruntime = require('react/jsx-runtime');
-var makeColgroup = (width, columns) => {
-  const unsetWidthCount = columns.filter((c) => !c.width).length;
-  const customWidthTotal = columns.reduce((pre, current) => {
-    return current.width ? pre + current.width : pre;
-  }, 0);
-  const averageWidth = (width - customWidthTotal) / unsetWidthCount;
-  if (averageWidth <= 0) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "colgroup", {});
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "colgroup", { children: columns.map((column, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "col", { width: column.width || averageWidth }, `colgroup-${index}`)) });
-};
-var TableHead = (props) => {
-  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
-  const {
-    columns,
-    width
-  } = props;
-  const isScalableWidth = _react.useMemo.call(void 0, () => columns.find((item) => !!item.width), [columns]);
-  const colgroup = _react.useMemo.call(void 0, () => {
-    if (!isScalableWidth) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "colgroup", {});
-    return makeColgroup(width, columns);
-  }, [isScalableWidth, width, columns]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    colgroup,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: _style2.default.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { className: _style2.default.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]), children: columns.map((column, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { className: _style2.default.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + (column.className || ""), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _style2.default.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " thead-box", children: column.label }) }, `table-th-${String(column.prop)}-${index}`)) }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "134865897", dynamic: [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius], children: `thead.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;font-size:inherit;}th.__jsx-style-dynamic-selector{padding:0 0.5em;font-size:calc(0.75 * var(--table-font-size));font-weight:normal;text-align:left;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;vertical-align:middle;min-height:calc(2.5 * var(--table-font-size));color:${theme.palette.accents_5};background:${theme.palette.accents_1};border-bottom:1px solid ${theme.palette.border};border-top:1px solid ${theme.palette.border};border-radius:0;}th.__jsx-style-dynamic-selector:nth-child(1){border-bottom:1px solid ${theme.palette.border};border-left:1px solid ${theme.palette.border};border-top:1px solid ${theme.palette.border};border-top-left-radius:${theme.layout.radius};border-bottom-left-radius:${theme.layout.radius};}th.__jsx-style-dynamic-selector:last-child{border-bottom:1px solid ${theme.palette.border};border-right:1px solid ${theme.palette.border};border-top:1px solid ${theme.palette.border};border-top-right-radius:${theme.layout.radius};border-bottom-right-radius:${theme.layout.radius};}.thead-box.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center;min-height:calc(2.5 * var(--table-font-size));text-transform:uppercase;}` })
-  ] });
-};
-TableHead.displayName = "BolioUITableHead";
-var TableHead_default = TableHead;
-
-// core/Table/TableBody.tsx
-
-
-// core/Table/TableCell.tsx
-
-var TableCell = ({
-  columns,
-  row,
-  rowIndex,
-  emptyText,
-  onCellClick
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: columns.map((column, index) => {
-    const currentRowValue = row[column.prop];
-    const cellValue = currentRowValue || emptyText;
-    const shouldBeRenderElement = column.renderHandler(
-      currentRowValue,
-      row,
-      rowIndex
-    );
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "td",
-      {
-        onClick: () => onCellClick && onCellClick(currentRowValue, rowIndex, index),
-        className: column.className,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "cell", children: shouldBeRenderElement ? shouldBeRenderElement : cellValue })
-      },
-      `row-td-${index}-${String(column.prop)}`
-    );
-  }) });
-};
-var TableCell_default = TableCell;
-
-// core/Table/TableContext.ts
-
-var defaultContext = {
-  columns: [],
-  updateColumn: () => {
-  }
-};
-var TableContext = _react2.default.createContext(defaultContext);
-var useTableContext = () => _react2.default.useContext(TableContext);
-
-// core/Table/TableBody.tsx
-
-var TableBody = ({
-  data,
-  hover,
-  emptyText,
-  onRow,
-  onCell,
-  rowClassName
-}) => {
-  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
-  const {
-    columns
-  } = useTableContext();
-  const rowClickHandler = (row, index) => {
-    if (onRow) onRow(row, index);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tbody", { className: _style2.default.dynamic([["3433300570", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]]), children: [
-    data.map((row, index) => {
-      const className = rowClassName(row, index);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { onClick: () => rowClickHandler(row, index), className: _style2.default.dynamic([["3433300570", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]]) + " " + (_chunk5KUROAEPjs.joinClasses.call(void 0, {
-        hover
-      }, className) || ""), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableCell_default, { columns, row, rowIndex: index, emptyText, onCellClick: onCell }) }, `tbody-row-${index}`);
-    }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "3433300570", dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6], children: `tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:${theme.palette.accents_1};}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ${theme.palette.border};color:${theme.palette.accents_6};font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}` })
-  ] });
-};
-TableBody.displayName = "BolioUITableBody";
-var TableBody_default = TableBody;
-
-// core/Table/TableColumn.tsx
-
-var defaultRender = () => {
-};
-var TableColumn = (columnProps) => {
-  const {
-    children,
-    prop,
-    label,
-    width,
-    className = "",
-    render: renderHandler = defaultRender
-  } = columnProps;
-  const { updateColumn } = useTableContext();
-  const safeProp = String(prop).trim();
-  if (!safeProp) {
-    _chunkAXYDJGTNjs.log_warning_default.call(void 0, 'The props "prop" is required.', "Table.Column");
-  }
-  _react.useEffect.call(void 0, () => {
-    updateColumn({
-      label: children || label,
-      prop: safeProp,
-      width,
-      className,
-      renderHandler
-    });
-  }, [children, label, safeProp, width, className, renderHandler, updateColumn]);
-  return null;
-};
-TableColumn.displayName = "BolioUITableColumn";
-var TableColumn_default = TableColumn;
-
-// core/Table/Table.tsx
-
-var defaultProps = {
-  hover: true,
-  initialData: [],
-  emptyText: "",
-  className: "",
-  rowClassName: () => ""
-};
-function TableComponent(tableProps, forwardedRef) {
-  const {
-    children,
-    data: customData,
-    initialData = defaultProps.initialData,
-    hover = defaultProps.hover,
-    emptyText = defaultProps.emptyText,
-    onRow,
-    onCell,
-    onChange,
-    className = defaultProps.className,
-    rowClassName = defaultProps.rowClassName,
-    ...props
-  } = tableProps;
-  const {
-    SCALES
-  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
-  const tableRef = _react.useRef.call(void 0, null);
-  _react.useImperativeHandle.call(void 0, forwardedRef, () => tableRef.current);
-  const [{
-    width
-  }, updateShape] = _chunkHKOESPKZjs.use_real_shape_default.call(void 0, tableRef);
-  const [columns, setColumns] = _react.useState.call(void 0, []);
-  const [data, setData] = _react.useState.call(void 0, initialData);
-  const updateColumn = _react.useCallback.call(void 0, (column) => {
-    setColumns((last) => {
-      const hasColumn = last.find((item) => item.prop === column.prop);
-      if (!hasColumn) return [...last, column];
-      return last.map((item) => {
-        if (item.prop !== column.prop) return item;
-        return column;
-      });
-    });
-  }, []);
-  const contextValue = _react.useMemo.call(void 0, () => ({
-    columns,
-    updateColumn
-  }), [columns, updateColumn]);
-  _react.useEffect.call(void 0, () => {
-    if (typeof customData === "undefined") return;
-    setData(customData);
-  }, [customData]);
-  _chunkJJFOGZ6Vjs.use_resize_default.call(void 0, () => updateShape());
-  return (
-    // the context is typed for any row: each Table provides its own
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { ref: tableRef, ...props, className: _style2.default.dynamic([["2991182230", [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || ""), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableHead_default, { columns, width }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableBody_default, { data, hover, emptyText, onRow, onCell, rowClassName }),
-      children,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "2991182230", dynamic: [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:${SCALES.font(1)};font-size:var(--table-font-size);width:${SCALES.width(1, "100%")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}` })
-    ] }) })
-  );
-}
-TableComponent.displayName = "BolioUITable";
-TableComponent.Column = TableColumn_default;
-var Table = _chunkS62PPQHNjs.with_scale_default.call(void 0, _react2.default.forwardRef(TableComponent));
-Table.Column = TableColumn_default;
-var Table_default = Table;
-
-// core/Table/index.ts
-var Table_default2 = Table_default;
-
-
-
-exports.Table_default = Table_default2;

package/dist/chunk-EZILJ6TJ.js

@@ -1,133 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-
-var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
-
-
-var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
-
-
-
-var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
-
-// core/Rating/Rating.tsx
-var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-// core/Rating/RatingIcon.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function RatingIcon() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: "24",
-      height: "24",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      fill: "none",
-      shapeRendering: "geometricPrecision",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
-    }
-  );
-}
-RatingIcon.displayName = "BolioUIRatingIcon";
-var RatingIcon_default = RatingIcon;
-
-// core/Rating/Rating.tsx
-
-var getColor = (type, palette) => {
-  const colors = {
-    default: palette.accents_6,
-    primary: palette.primary,
-    secondary: palette.secondary,
-    success: palette.success,
-    warning: palette.warning,
-    error: palette.error,
-    info: palette.info
-  };
-  return colors[type] || colors.default;
-};
-var RatingComponent = _react2.default.forwardRef(({
-  type = "default",
-  className = "",
-  icon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RatingIcon_default, {}),
-  count = 5,
-  value: customValue,
-  initialValue = 1,
-  onValueChange,
-  locked = false,
-  onLockedChange,
-  ...props
-}, ref) => {
-  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
-  const {
-    SCALES
-  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
-  const color = _react.useMemo.call(void 0, () => getColor(type, theme.palette), [type, theme.palette]);
-  const [value, setValue] = _react.useState.call(void 0, initialValue);
-  const [isLocked, setIsLocked] = _react.useState.call(void 0, locked);
-  const lockedChangeHandler = (next) => {
-    setIsLocked(next);
-    if (onLockedChange) onLockedChange(next);
-  };
-  const valueChangeHandler = (next) => {
-    setValue(next);
-    const emitValue = next > count ? count : next;
-    if (onValueChange) onValueChange(emitValue);
-  };
-  const clickHandler = (index) => {
-    if (isLocked) return lockedChangeHandler(false);
-    valueChangeHandler(index);
-    lockedChangeHandler(true);
-  };
-  const mouseEnterHandler = (index) => {
-    if (isLocked) return;
-    valueChangeHandler(index);
-  };
-  const focusIndex = value >= 1 && value <= count ? value : 1;
-  const keyDownHandler = (event, index) => {
-    var _a, _b;
-    const nextByKey = {
-      ArrowRight: index + 1,
-      ArrowUp: index + 1,
-      ArrowLeft: index - 1,
-      ArrowDown: index - 1,
-      Home: 1,
-      End: count
-    };
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      return clickHandler(index);
-    }
-    if (!(event.key in nextByKey)) return;
-    event.preventDefault();
-    const next = Math.min(Math.max(nextByKey[event.key], 1), count);
-    valueChangeHandler(next);
-    lockedChangeHandler(true);
-    const radios = (_a = event.currentTarget.parentElement) == null ? void 0 : _a.querySelectorAll('[role="radio"]');
-    (_b = radios == null ? void 0 : radios[next - 1]) == null ? void 0 : _b.focus();
-  };
-  _react.useEffect.call(void 0, () => {
-    if (typeof customValue === "undefined") return;
-    setValue(customValue < 0 ? 0 : customValue);
-  }, [customValue]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, role: "radiogroup", ...props, className: _style2.default.dynamic([["2099255611", [SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color, isLocked ? "default" : "pointer", color]]]) + " " + (props && props.className != null && props.className || _chunk5KUROAEPjs.use_classes_default.call(void 0, "rating", className) || ""), children: [
-    [...Array(count)].map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: "radio", "aria-checked": index + 1 === value, "aria-label": `${index + 1} of ${count}`, tabIndex: index + 1 === focusIndex ? 0 : -1, onKeyDown: (event) => keyDownHandler(event, index + 1), onMouseEnter: () => mouseEnterHandler(index + 1), onClick: () => clickHandler(index + 1), className: _style2.default.dynamic([["2099255611", [SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color, isLocked ? "default" : "pointer", color]]]) + " " + (_chunk5KUROAEPjs.joinClasses.call(void 0, "icon-box", {
-      hovered: index + 1 <= value
-    }) || ""), children: icon }, index)),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "2099255611", dynamic: [SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), color, isLocked ? "default" : "pointer", color], children: `.rating.__jsx-style-dynamic-selector{box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;--rating-font-size:${SCALES.font(1)};font-size:var(--rating-font-size);width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.icon-box.__jsx-style-dynamic-selector{box-sizing:border-box;color:${color};width:calc(var(--rating-font-size) * 1.5);height:calc(var(--rating-font-size) * 1.5);margin-right:calc(var(--rating-font-size) * 1 / 5);cursor:${isLocked ? "default" : "pointer"};}.icon-box.__jsx-style-dynamic-selector svg{width:100%;height:100%;fill:transparent;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition: -webkit-transform, color, fill 30ms linear;-webkit-transition: transform, color, fill 30ms linear;transition: transform, color, fill 30ms linear;}.hovered.__jsx-style-dynamic-selector svg{fill:${color};-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}` })
-  ] });
-});
-RatingComponent.displayName = "BolioUIRating";
-var Rating = _chunkS62PPQHNjs.with_scale_default.call(void 0, RatingComponent);
-var Rating_default = Rating;
-
-// core/Rating/index.ts
-var Rating_default2 = Rating_default;
-
-
-
-exports.Rating_default = Rating_default2;