@bolio-ui/core 3.0.0-alpha.1 → 3.0.0-alpha.2

package/dist/ContextMenu/index.js

@@ -1,8 +1,8 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkAVO2SK2Ijs = require('../chunk-AVO2SK2I.js');
-require('../chunk-XLPOECCE.js');
+var _chunk3S6G7WGKjs = require('../chunk-3S6G7WGK.js');
+require('../chunk-FL6J36B7.js');
 require('../chunk-AG2NWQYL.js');
 require('../chunk-DSX6YDJM.js');
 require('../chunk-V57PNXMD.js');
@@ -22,4 +22,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkAVO2SK2Ijs.ContextMenu_default;
+exports.default = _chunk3S6G7WGKjs.ContextMenu_default;

package/dist/CssBaseline/index.js

@@ -1,11 +1,11 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTDJGMSGTjs = require('../chunk-TDJGMSGT.js');
+var _chunkWIIDIZYKjs = require('../chunk-WIIDIZYK.js');
 require('../chunk-V5I4ORQQ.js');
 require('../chunk-FEA5BJ35.js');
 require('../chunk-X5PGXMVQ.js');
 require('../chunk-SZIX7BM5.js');
 
 
-exports.default = _chunkTDJGMSGTjs.CssBaseline_default;
+exports.default = _chunkWIIDIZYKjs.CssBaseline_default;

package/dist/DateRangePicker/index.js

@@ -1,7 +1,7 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGYFW5NLUjs = require('../chunk-GYFW5NLU.js');
+var _chunkBHQRX76Xjs = require('../chunk-BHQRX76X.js');
 require('../chunk-KBZEYKCZ.js');
 require('../chunk-P245HSVB.js');
 require('../chunk-GJZT47MP.js');
@@ -16,4 +16,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkGYFW5NLUjs.DateRangePicker_default;
+exports.default = _chunkBHQRX76Xjs.DateRangePicker_default;

package/dist/ImageZoom/ImageZoom.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ImageProps } from '../Image';
+interface Props {
+    src: string;
+    alt: string;
+    zoomSrc?: string;
+    caption?: React.ReactNode;
+    closeLabel?: string;
+    className?: string;
+}
+type NativeAttrs = Omit<ImageProps, keyof Props | 'className'>;
+export type ImageZoomProps = Props & NativeAttrs;
+declare const ImageZoom: React.ForwardRefExoticComponent<Props & NativeAttrs & React.RefAttributes<HTMLButtonElement>>;
+export default ImageZoom;

package/dist/ImageZoom/index.d.ts

@@ -0,0 +1,3 @@
+import ImageZoom from './ImageZoom';
+export type { ImageZoomProps } from './ImageZoom';
+export default ImageZoom;

package/dist/ImageZoom/index.js

@@ -0,0 +1,17 @@
+'use client';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkREWKR7S3js = require('../chunk-REWKR7S3.js');
+require('../chunk-TWIOSRRP.js');
+require('../chunk-WEYAL53O.js');
+require('../chunk-RZBEZ26A.js');
+require('../chunk-MAICNLTY.js');
+require('../chunk-UX2B3G6U.js');
+require('../chunk-V5I4ORQQ.js');
+require('../chunk-FEA5BJ35.js');
+require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
+require('../chunk-5KUROAEP.js');
+
+
+exports.default = _chunkREWKR7S3js.ImageZoom_default;

package/dist/Menu/index.js

@@ -1,7 +1,7 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXLPOECCEjs = require('../chunk-XLPOECCE.js');
+var _chunkFL6J36B7js = require('../chunk-FL6J36B7.js');
 require('../chunk-AG2NWQYL.js');
 require('../chunk-DSX6YDJM.js');
 require('../chunk-V57PNXMD.js');
@@ -21,4 +21,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkXLPOECCEjs.Menu_default;
+exports.default = _chunkFL6J36B7js.Menu_default;

package/dist/Splitter/Splitter.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type SplitterDirection = 'horizontal' | 'vertical';
+interface Props {
+    direction?: SplitterDirection;
+    onResize?: (sizes: Array<number>) => void;
+    handleLabel?: string;
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props>;
+export type SplitterProps = Props & NativeAttrs;
+declare const Splitter: import("../use-scale/with-scale").ScaleComponent<HTMLDivElement, Props & NativeAttrs & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Splitter;

package/dist/Splitter/SplitterContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface SplitterPanelConfig {
+    id: string;
+    setElement: (element: HTMLDivElement | null) => void;
+}
+export declare const SplitterPanelContext: React.Context<SplitterPanelConfig | null>;

package/dist/Splitter/SplitterPanel.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    defaultSize?: number;
+    minSize?: number;
+    maxSize?: number;
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props>;
+export type SplitterPanelProps = Props & NativeAttrs;
+declare const SplitterPanel: React.ForwardRefExoticComponent<Props & NativeAttrs & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default SplitterPanel;

package/dist/Splitter/index.d.ts

@@ -0,0 +1,9 @@
+import Splitter from './Splitter';
+import SplitterPanel from './SplitterPanel';
+export type SplitterComponentType = typeof Splitter & {
+    Panel: typeof SplitterPanel;
+};
+export type { SplitterProps, SplitterDirection } from './Splitter';
+export type { SplitterPanelProps } from './SplitterPanel';
+declare const _default: SplitterComponentType;
+export default _default;

package/dist/Splitter/index.js

@@ -0,0 +1,14 @@
+'use client';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkFFEAKF3Ajs = require('../chunk-FFEAKF3A.js');
+require('../chunk-MAICNLTY.js');
+require('../chunk-UX2B3G6U.js');
+require('../chunk-V5I4ORQQ.js');
+require('../chunk-FEA5BJ35.js');
+require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
+require('../chunk-5KUROAEP.js');
+
+
+exports.default = _chunkFFEAKF3Ajs.Splitter_default;

package/dist/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableDataItemBase, TableOnCellClick, TableOnChange, TableOnRowClick, TableRowClassNameHandler } from './TableTypes';
+import { TableDataItemBase, TableKey, TableSort, TableOnCellClick, TableOnChange, TableOnRowClick, TableRowClassNameHandler } from './TableTypes';
 import { ScaleProps } from '../use-scale';
 import TableColumn from './TableColumn';
 import type { AnyElement } from '../utils/types';
@@ -20,6 +20,16 @@ interface Props<TableDataItem extends TableDataItemBase> {
     pagination?: TablePagination;
     className?: string;
     rowClassName?: TableRowClassNameHandler<TableDataItem>;
+    sort?: TableSort | null;
+    initialSort?: TableSort | null;
+    onSortChange?: (sort: TableSort | null) => void;
+    selectable?: boolean;
+    rowKey?: keyof TableDataItem | ((row: TableDataItem) => TableKey);
+    selectedKeys?: Array<TableKey>;
+    initialSelectedKeys?: Array<TableKey>;
+    onSelectionChange?: (keys: Array<TableKey>, rows: Array<TableDataItem>) => void;
+    selectRowLabel?: string;
+    selectAllLabel?: string;
 }
 type NativeAttrs = Omit<React.TableHTMLAttributes<AnyElement>, keyof Props<TableDataItemBase>>;
 export type TableProps<TableDataItem extends TableDataItemBase> = Props<TableDataItem> & NativeAttrs;

package/dist/Table/TableBody.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableDataItemBase, TableOnCellClick, TableOnRowClick, TableRowClassNameHandler } from './TableTypes';
+import { TableDataItemBase, TableKey, TableOnCellClick, TableOnRowClick, TableRowClassNameHandler } from './TableTypes';
 import type { AnyElement } from '../utils/types';
 interface Props<TableDataItem extends TableDataItemBase> {
     hover: boolean;
@@ -7,13 +7,19 @@ interface Props<TableDataItem extends TableDataItemBase> {
     onRow?: TableOnRowClick<TableDataItem>;
     onCell?: TableOnCellClick<TableDataItem>;
     data: Array<TableDataItem>;
+    keys: Array<TableKey>;
+    selection?: {
+        keys: Array<TableKey>;
+        label: string;
+        onToggle: (key: TableKey) => void;
+    };
     className?: string;
     rowClassName: TableRowClassNameHandler<TableDataItem>;
 }
 type NativeAttrs = Omit<React.HTMLAttributes<AnyElement>, keyof Props<TableDataItemBase>>;
 export type TableBodyProps<TableDataItem extends TableDataItemBase> = Props<TableDataItem> & NativeAttrs;
 declare const TableBody: {
-    <TableDataItem extends TableDataItemBase>({ data, hover, emptyText, onRow, onCell, rowClassName }: TableBodyProps<TableDataItem>): React.JSX.Element;
+    <TableDataItem extends TableDataItemBase>({ data, keys, selection, hover, emptyText, onRow, onCell, rowClassName }: TableBodyProps<TableDataItem>): React.JSX.Element;
     displayName: string;
 };
 export default TableBody;

package/dist/Table/TableColumn.d.ts

@@ -5,6 +5,8 @@ export type TableColumnProps<TableDataItem extends TableDataItemBase> = {
     label?: string;
     width?: number;
     className?: string;
+    sortable?: boolean;
+    sorter?: (a: TableDataItem, b: TableDataItem) => number;
     render?: TableColumnRender<TableDataItem>;
 };
 declare const TableColumn: {

package/dist/Table/TableHead.d.ts

@@ -1,9 +1,17 @@
 import React from 'react';
-import { TableAbstractColumn, TableDataItemBase } from './TableTypes';
+import { TableAbstractColumn, TableDataItemBase, TableSort } from './TableTypes';
 import type { AnyElement } from '../utils/types';
 interface Props<TableDataItem extends TableDataItemBase> {
     width: number;
     columns: Array<TableAbstractColumn<TableDataItem>>;
+    sort?: TableSort | null;
+    onSort?: (prop: string) => void;
+    selection?: {
+        checked: boolean;
+        indeterminate: boolean;
+        label: string;
+        onToggle: () => void;
+    };
     className?: string;
 }
 type NativeAttrs = Omit<React.HTMLAttributes<AnyElement>, keyof Props<TableDataItemBase>>;

package/dist/Table/TableSelectBox.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    checked: boolean;
+    indeterminate?: boolean;
+    label: string;
+    onChange: () => void;
+}
+declare function TableSelectBox({ checked, indeterminate, label, onChange }: Props): React.JSX.Element;
+export default TableSelectBox;

package/dist/Table/TableTypes.d.ts

@@ -2,11 +2,19 @@ import React from 'react';
 import type { AnyObject } from '../utils/types';
 export type TableDataItemBase = AnyObject;
 export type TableColumnRender<Item extends TableDataItemBase> = (value: Item[keyof Item], rowData: Item, rowIndex: number) => React.JSX.Element | void;
+export type TableSortDirection = 'asc' | 'desc';
+export type TableSort = {
+    prop: string;
+    direction: TableSortDirection;
+};
+export type TableKey = string | number;
 export type TableAbstractColumn<TableDataItem extends TableDataItemBase> = {
     prop: keyof TableDataItem;
     label: React.ReactNode | string;
     className: string;
     width?: number;
+    sortable?: boolean;
+    sorter?: (a: TableDataItem, b: TableDataItem) => number;
     renderHandler: TableColumnRender<TableDataItem>;
 };
 export type TableOnRowClick<TableDataItem> = (rowData: TableDataItem, rowIndex: number) => void;

package/dist/Table/index.d.ts

@@ -1,5 +1,5 @@
 import Table from './Table';
 export type { TableProps, TablePagination } from './Table';
 export type { TableColumnProps } from './TableColumn';
-export type { TableOnCellClick, TableAbstractColumn, TableOnChange, TableOnRowClick, TableRowClassNameHandler, TableDataItemBase, TableColumnRender } from './TableTypes';
+export type { TableOnCellClick, TableAbstractColumn, TableOnChange, TableOnRowClick, TableRowClassNameHandler, TableDataItemBase, TableColumnRender, TableKey, TableSort, TableSortDirection } from './TableTypes';
 export default Table;

package/dist/Table/index.js

@@ -1,7 +1,7 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTKICX5R6js = require('../chunk-TKICX5R6.js');
+var _chunkZNDN2VPZjs = require('../chunk-ZNDN2VPZ.js');
 require('../chunk-E5EDUOQT.js');
 require('../chunk-JJFOGZ6V.js');
 require('../chunk-HKOESPKZ.js');
@@ -19,4 +19,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkTKICX5R6js.Table_default;
+exports.default = _chunkZNDN2VPZjs.Table_default;

package/dist/Tour/Tour.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface TourStep {
+    target?: string | HTMLElement | (() => HTMLElement | null);
+    title: React.ReactNode;
+    content: React.ReactNode;
+}
+interface Props {
+    steps: Array<TourStep>;
+    open: boolean;
+    onClose: () => void;
+    current?: number;
+    initialCurrent?: number;
+    onCurrentChange?: (index: number) => void;
+    onFinish?: () => void;
+    previousLabel?: string;
+    nextLabel?: string;
+    finishLabel?: string;
+    skipLabel?: string;
+    stepLabel?: (index: number, count: number) => string;
+    spotlightPadding?: number;
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props>;
+export type TourProps = Props & NativeAttrs;
+declare const Tour: React.ForwardRefExoticComponent<Props & NativeAttrs & React.RefAttributes<HTMLDivElement>>;
+export default Tour;

package/dist/Tour/index.d.ts

@@ -0,0 +1,3 @@
+import Tour from './Tour';
+export type { TourProps, TourStep } from './Tour';
+export default Tour;

package/dist/Tour/index.js

@@ -0,0 +1,23 @@
+'use client';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkSTYC6O24js = require('../chunk-STYC6O24.js');
+require('../chunk-AXYDJGTN.js');
+require('../chunk-BXDUHMWS.js');
+require('../chunk-ZRORQ2WH.js');
+require('../chunk-DXHNQANX.js');
+require('../chunk-BSDZWWUS.js');
+require('../chunk-GJZT47MP.js');
+require('../chunk-RZBEZ26A.js');
+require('../chunk-LMDBE6T6.js');
+require('../chunk-NDERASK2.js');
+require('../chunk-MAICNLTY.js');
+require('../chunk-UX2B3G6U.js');
+require('../chunk-V5I4ORQQ.js');
+require('../chunk-FEA5BJ35.js');
+require('../chunk-X5PGXMVQ.js');
+require('../chunk-SZIX7BM5.js');
+require('../chunk-5KUROAEP.js');
+
+
+exports.default = _chunkSTYC6O24js.Tour_default;

package/dist/{chunk-AVO2SK2I.js → chunk-3S6G7WGK.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXLPOECCEjs = require('./chunk-XLPOECCE.js');
+var _chunkFL6J36B7js = require('./chunk-FL6J36B7.js');
 
 
 var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
@@ -64,7 +64,7 @@ var ContextMenuComponent = _react2.default.forwardRef(
           children,
           point && // a new point opens a new menu, so it is placed there
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkXLPOECCEjs.Menu_default,
+            _chunkFL6J36B7js.Menu_default,
             {
               visible: true,
               onVisibleChange: (visible) => change(visible),

package/dist/{chunk-GYFW5NLU.js → chunk-BHQRX76X.js}

@@ -19,16 +19,19 @@ var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
 var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
 
 
+
 var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
 
 // core/DateRangePicker/DateRangePicker.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 // css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/DateRangePicker/DateRangePicker.module.css.bolio-css-module-source
-var DateRangePicker_module_css_default = { "daterange": "DateRangePicker-module_daterange__id9HF", "field": "DateRangePicker-module_field__4UZhH", "input": "DateRangePicker-module_input__h9sDj", "separator": "DateRangePicker-module_separator__StR3E", "toggle": "DateRangePicker-module_toggle__gNukh", "popup": "DateRangePicker-module_popup__hKExw" };
+var DateRangePicker_module_css_default = { "daterange": "DateRangePicker-module_daterange__id9HF", "field": "DateRangePicker-module_field__4UZhH", "input": "DateRangePicker-module_input__h9sDj", "separator": "DateRangePicker-module_separator__StR3E", "toggle": "DateRangePicker-module_toggle__gNukh", "popup": "DateRangePicker-module_popup__hKExw", "alignEnd": "DateRangePicker-module_alignEnd__DgOia" };
 
 // core/DateRangePicker/DateRangePicker.tsx
 var _jsxruntime = require('react/jsx-runtime');
+var TWO_MONTHS_EM = 46;
+var ONE_MONTH_EM = 22;
 var emptyRange = [null, null];
 var format = (date) => date ? _chunkP245HSVBjs.toISO.call(void 0, date) : "";
 var DateRangePickerComponent = _react2.default.forwardRef(
@@ -72,6 +75,7 @@ var DateRangePickerComponent = _react2.default.forwardRef(
     const endText = format(end);
     const [texts, setTexts] = _react.useState.call(void 0, { start: startText, end: endText });
     const [open, setOpen] = _react.useState.call(void 0, false);
+    const [fit, setFit] = _react.useState.call(void 0, { months: 2, alignEnd: false });
     _react.useEffect.call(void 0, () => {
       setTexts({ start: startText, end: endText });
     }, [startText, endText]);
@@ -97,6 +101,18 @@ var DateRangePickerComponent = _react2.default.forwardRef(
       commit(edge === "start" ? [date, other] : [other, date]);
     };
     const blurHandler = () => setTexts({ start: startText, end: endText });
+    const toggle = () => {
+      const root = rootRef.current;
+      if (!open && root) {
+        const em = parseFloat(getComputedStyle(root).fontSize) || 16;
+        const room = document.documentElement.clientWidth - root.getBoundingClientRect().left;
+        setFit({
+          months: room >= TWO_MONTHS_EM * em ? 2 : 1,
+          alignEnd: room < ONE_MONTH_EM * em
+        });
+      }
+      setOpen((last) => !last);
+    };
     const pick = (next) => {
       var _a;
       commit(next);
@@ -195,7 +211,7 @@ var DateRangePickerComponent = _react2.default.forwardRef(
                 "aria-haspopup": "dialog",
                 "aria-expanded": open,
                 disabled,
-                onClick: () => setOpen((last) => !last),
+                onClick: toggle,
                 children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   "svg",
                   {
@@ -222,13 +238,15 @@ var DateRangePickerComponent = _react2.default.forwardRef(
             {
               role: "dialog",
               "aria-label": calendarLabel,
-              className: DateRangePicker_module_css_default.popup,
+              className: _chunk5KUROAEPjs.joinClasses.call(void 0, DateRangePicker_module_css_default.popup, {
+                [DateRangePicker_module_css_default.alignEnd]: fit.alignEnd
+              }),
               onKeyDown: keyDownHandler,
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkP245HSVBjs.Calendar_default,
                 {
                   mode: "range",
-                  numberOfMonths: 2,
+                  numberOfMonths: fit.months,
                   autoFocus: true,
                   value: range,
                   min,