@adaptabletools/adaptable 19.2.3 → 20.0.0-canary.0

package/src/components/Tabs/index.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import * as React from 'react';
 import { Box, Flex } from 'rebass';
 import { useRef } from 'react';
@@ -16,7 +15,7 @@ const isTabContent = (c) => {
     return c.type === Content || SupportedTabContentComps.has(c.type);
 };
 export const Tabs = (props) => {
-    const { autoFocus = true, children, onValueChange: _onValueChange, defaultValue: _defaultValue, value: _value, keyboardNavigation = true, selectedIndex: _selectedIndex, defaultSelectedIndex: _defaultSelectedIndex, onSelectedIndexChange: _onSelectedIndexChange } = props, boxProps = __rest(props, ["autoFocus", "children", "onValueChange", "defaultValue", "value", "keyboardNavigation", "selectedIndex", "defaultSelectedIndex", "onSelectedIndexChange"]);
+    const { autoFocus = true, children, onValueChange: _onValueChange, defaultValue: _defaultValue, value: _value, keyboardNavigation = true, selectedIndex: _selectedIndex, defaultSelectedIndex: _defaultSelectedIndex, onSelectedIndexChange: _onSelectedIndexChange, ...boxProps } = props;
     let [selectedIndex, doSetSelectedIndex] = useProperty(props, 'selectedIndex', 0);
     const [selectedValue, setSelectedValue] = useProperty(props, 'value', 0);
     const allChildren = React.Children.toArray(children);
@@ -24,6 +23,7 @@ export const Tabs = (props) => {
     const tabs = allChildren.filter(isTab).map((tab, index) => {
         values.push(tab.props.value);
         return React.cloneElement(tab, {
+            // @ts-ignore ignore
             index,
             keyboardNavigation,
             autoFocus,
@@ -57,21 +57,21 @@ export const Tabs = (props) => {
         doSetSelectedIndex(index);
     };
     const currentContent = contents[selectedIndex];
-    const _a = (currentContent === null || currentContent === void 0 ? void 0 : currentContent.props) || {}, { value } = _a, contentProps = __rest(_a, ["value"]);
+    const { value, ...contentProps } = (currentContent?.props || {});
     return (React.createElement(TabContext.Provider, { value: {
             selectedIndex,
             tabCount: tabs.length,
             setSelectedIndex,
         } },
-        React.createElement(Box, Object.assign({}, boxProps, { className: join(boxProps.className, 'ab-Tabs'), "data-selected-index": selectedIndex }),
+        React.createElement(Box, { ...boxProps, className: join(boxProps.className, 'ab-Tabs'), "data-selected-index": selectedIndex },
             React.createElement(Flex, { flexDirection: "row", className: "ab-Tabs__Strip" },
                 React.createElement(Box, { className: "ab-Tabs__Filler" }),
                 tabs,
                 React.createElement(Flex, { flex: 1, className: "ab-Tabs__Filler" })),
-            React.createElement(Box, Object.assign({ padding: 2 }, contentProps, { className: `${contentProps.className || ''} ab-Tabs__Body` }), currentContent))));
+            React.createElement(Box, { padding: 2, ...contentProps, className: `${contentProps.className || ''} ab-Tabs__Body` }, currentContent))));
 };
 export const Tab = (props) => {
-    const { index, autoFocus, keyboardNavigation = true, className: propsClassName } = props, boxProps = __rest(props, ["index", "autoFocus", "keyboardNavigation", "className"]);
+    const { index, autoFocus, keyboardNavigation = true, className: propsClassName, ...boxProps } = props;
     const context = React.useContext(TabContext);
     const baseClassName = 'ab-Tabs__Tab';
     const active = context.selectedIndex === props.index;
@@ -79,17 +79,14 @@ export const Tab = (props) => {
     const className = join(propsClassName, baseClassName, active ? `${baseClassName}--active` : '', beforeActive ? `${baseClassName}--before-active` : '');
     const ref = useRef(null);
     React.useEffect(() => {
-        var _a;
         if (active && autoFocus && keyboardNavigation) {
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+            ref.current?.focus();
         }
     }, [active, autoFocus]);
-    return (React.createElement(Box, Object.assign({ ref: ref, padding: 2, tabIndex: active ? 0 : -1 }, boxProps, { className: className, onClick: (event) => {
-            var _a;
+    return (React.createElement(Box, { ref: ref, padding: 2, tabIndex: active ? 0 : -1, ...boxProps, className: className, onClick: (event) => {
             context.setSelectedIndex(props.index);
-            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, event);
+            props.onClick?.(event);
         }, onKeyDown: (event) => {
-            var _a;
             if (keyboardNavigation) {
                 if (event.key === 'Enter') {
                     context.setSelectedIndex(props.index);
@@ -111,8 +108,8 @@ export const Tab = (props) => {
                     context.setSelectedIndex(nextIndex);
                 }
             }
-            (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, event);
-        } })));
+            props.onKeyDown?.(event);
+        } }));
 };
 export const SupportedTabMenuComps = new Set();
 SupportedTabMenuComps.add(Tab);

package/src/components/Tag/Tag.js

@@ -1,7 +1,4 @@
 import * as React from 'react';
 import { Box } from 'rebass';
 import join from '../utils/join';
-export const Tag = React.forwardRef((props, ref) => {
-    var _a, _b, _c, _d;
-    return (React.createElement(Box, Object.assign({}, props, { ref: ref, className: join('ab-Tag', props.className), backgroundColor: "primary", paddingTop: (_a = props.paddingTop) !== null && _a !== void 0 ? _a : 1, paddingBottom: (_b = props.paddingBottom) !== null && _b !== void 0 ? _b : 1, paddingLeft: (_c = props.paddingLeft) !== null && _c !== void 0 ? _c : 2, paddingRight: (_d = props.paddingRight) !== null && _d !== void 0 ? _d : 2, style: Object.assign({ borderRadius: 'var(--ab__border-radius)' }, props.style) })));
-});
+export const Tag = React.forwardRef((props, ref) => (React.createElement(Box, { ...props, ref: ref, className: join('ab-Tag', props.className), backgroundColor: "primary", paddingTop: props.paddingTop ?? 1, paddingBottom: props.paddingBottom ?? 1, paddingLeft: props.paddingLeft ?? 2, paddingRight: props.paddingRight ?? 2, style: { borderRadius: 'var(--ab__border-radius)', ...props.style } })));

package/src/components/Textarea/index.d.ts

@@ -22,5 +22,5 @@ declare const Textarea: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTM
     disabled?: boolean;
     value?: string;
     autoResizeOnFocus?: boolean;
-} & Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLInputElement | HTMLTextAreaElement>>;
+} & Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLTextAreaElement | HTMLInputElement>>;
 export default Textarea;

package/src/components/Textarea/index.js

@@ -1,11 +1,10 @@
-import { __rest } from "tslib";
 import * as React from 'react';
 import { Box } from 'rebass';
 import join from '../utils/join';
 export const baseClassName = 'ab-Textarea';
 const Textarea = React.forwardRef((props, ref) => {
     const internalRef = React.useRef(null);
-    let { disabled, autoResizeOnFocus, className } = props, textareaProps = __rest(props, ["disabled", "autoResizeOnFocus", "className"]);
+    let { disabled, autoResizeOnFocus, className, ...textareaProps } = props;
     const initialHeight = React.useRef(null);
     let type = 'text';
     if (textareaProps && textareaProps.type) {
@@ -26,18 +25,16 @@ const Textarea = React.forwardRef((props, ref) => {
             internalRef.current.style.height = `${initialHeight.current}px`;
         }
     };
-    return (React.createElement(Box, Object.assign({}, textareaProps, { onFocus: (e) => {
-            var _a;
+    return (React.createElement(Box, { ...textareaProps, onFocus: (e) => {
             expandToFitContent();
-            (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            props.onFocus?.(e);
             if (internalRef.current && initialHeight.current === null) {
                 const height = internalRef.current.getBoundingClientRect().height;
                 initialHeight.current = height;
             }
         }, onBlur: (e) => {
-            var _a;
             shrinkToInitialHeight();
-            (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            props.onBlur?.(e);
         }, ref: (elRef) => {
             // SAVE INITIAL HEIGHT
             // if (elRef && initialHeight.current === null) {
@@ -60,6 +57,6 @@ const Textarea = React.forwardRef((props, ref) => {
         }, onChange: (e) => {
             expandToFitContent();
             props.onChange && props.onChange(e);
-        }, as: "textarea", type: type, disabled: disabled, className: join(className, baseClassName, disabled ? `${baseClassName}--disabled` : ''), spellCheck: false })));
+        }, as: "textarea", type: type, disabled: disabled, className: join(className, baseClassName, disabled ? `${baseClassName}--disabled` : ''), spellCheck: false }));
 });
 export default Textarea;

package/src/components/Toggle/Toggle.js

@@ -1,11 +1,9 @@
-import { __rest } from "tslib";
 import * as React from 'react';
 import { IconComponent } from '../Icon';
 import join from '../utils/join';
-export const Toggle = (_a) => {
-    var { onPressedChange, pressed, icon, children } = _a, rest = __rest(_a, ["onPressedChange", "pressed", "icon", "children"]);
+export const Toggle = ({ onPressedChange, pressed, icon, children, ...rest }) => {
     const baseClassName = 'ab-Toggle';
-    return (React.createElement("button", Object.assign({}, rest, { className: join(baseClassName, pressed && `${baseClassName}--pressed`), onClick: () => onPressedChange(!pressed) }),
+    return (React.createElement("button", { ...rest, className: join(baseClassName, pressed && `${baseClassName}--pressed`), onClick: () => onPressedChange(!pressed) },
         icon && React.createElement(IconComponent, { icon: { name: icon } }),
         children));
 };

package/src/components/Tooltip/index.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 declare const Tooltip: ({ label, children }: {
     label?: React.ReactNode;
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default Tooltip;

package/src/components/WarningBox/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { BoxProps } from 'rebass';
 export declare const baseClassName = "ab-WarningBox";
-export declare const WarningBox: (props: BoxProps) => JSX.Element;
+export declare const WarningBox: (props: BoxProps) => React.JSX.Element;

package/src/components/WarningBox/index.js

@@ -3,5 +3,5 @@ import { Box } from 'rebass';
 import join from '../utils/join';
 export const baseClassName = 'ab-WarningBox';
 export const WarningBox = (props) => {
-    return React.createElement(Box, Object.assign({}, props, { className: join(props.className, baseClassName) }));
+    return React.createElement(Box, { ...props, className: join(props.className, baseClassName) });
 };

package/src/components/WindowModal/WindowModal.js

@@ -38,12 +38,11 @@ const getResizePositionDelta = (direction, delta) => {
     return null;
 };
 export const WindowModal = (props) => {
-    var _a, _b;
     ensurePortalElement();
     const positionDeltaRef = React.useRef(null);
     const normalizedPosition = {
-        x: normalizeTopLeft((_a = props.position) === null || _a === void 0 ? void 0 : _a.x),
-        y: normalizeTopLeft((_b = props.position) === null || _b === void 0 ? void 0 : _b.y),
+        x: normalizeTopLeft(props.position?.x),
+        y: normalizeTopLeft(props.position?.y),
     };
     const positionRef = React.useRef(normalizedPosition);
     const stacking = useStacking();
@@ -99,10 +98,11 @@ export const WindowModal = (props) => {
             applyTransform(positionDelta.x, positionDelta.y);
         }
     }, []);
+    const ResizableCmp = Resizable;
     return createPortal(React.createElement("div", { style: style, 
         //@ts-ignore
         ref: targetRef, onMouseDown: stacking.bringInFront },
-        React.createElement(Resizable, { minWidth: props.minWidth, minHeight: props.minHeight, onResizeStop: handleResizeStop, onResize: handleResize, bounds: "window", defaultSize: {
+        React.createElement(ResizableCmp, { minWidth: props.minWidth, minHeight: props.minHeight, onResizeStop: handleResizeStop, onResize: handleResize, bounds: "window", defaultSize: {
                 width: props.size.width,
                 height: props.size.height,
             } }, props.children)), portalElement);

package/src/components/WindowModal/useStacking.js

@@ -30,8 +30,7 @@ export const useStacking = () => {
             zIndexMap.push(modalZIndexId);
         }
         zIndexMap.forEach((id, index) => {
-            var _a;
-            (_a = setZIndexMap === null || setZIndexMap === void 0 ? void 0 : setZIndexMap[id]) === null || _a === void 0 ? void 0 : _a.call(setZIndexMap, BASE_Z_INDEX + index * 10);
+            setZIndexMap?.[id]?.(BASE_Z_INDEX + index * 10);
         });
     }, []);
     return {

package/src/components/WizardPanel/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { PanelProps } from '../Panel';
-declare const WizardPanel: (props: PanelProps) => JSX.Element;
+declare const WizardPanel: (props: PanelProps) => React.JSX.Element;
 export default WizardPanel;

package/src/components/WizardPanel/index.js

@@ -2,6 +2,6 @@ import * as React from 'react';
 import Panel from '../Panel';
 import join from '../utils/join';
 const WizardPanel = (props) => {
-    return (React.createElement(Panel, Object.assign({ border: "none", borderRadius: "none", variant: "primary", bodyScroll: true }, props, { className: join(props.className, 'ab-WizardPanel'), style: Object.assign({ height: '100%' }, props.style) })));
+    return (React.createElement(Panel, { border: "none", borderRadius: "none", variant: "primary", bodyScroll: true, ...props, className: join(props.className, 'ab-WizardPanel'), style: { height: '100%', ...props.style } }));
 };
 export default WizardPanel;

package/src/components/dnd/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { DropResult, Draggable, DroppableProps, DragDropContextProps } from '@adaptabletools/react-beautiful-dnd';
+/**
+ * We're doing all this because the placeholder is not correctly displayed in react-beautiful-dnd
+ * with React 19.
+ * So we make sure it properly occupies the space of the dragged item, so the
+ * container won't flicker when we're dragging an item (as the drag item receives
+ * position: fixed while dragging, so content does not have the initial height anymore, therefore,
+ * the placeholder is included, with the computed height of the dragging element)
+ */
+declare const Droppable: (props: DroppableProps) => React.JSX.Element;
+declare const DragDropContext: (props: DragDropContextProps) => React.JSX.Element;
+export { type DropResult, Draggable, Droppable, DragDropContext };

package/src/components/dnd/index.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { DragDropContext as DDContext, Draggable, Droppable as DNDDroppable, } from '@adaptabletools/react-beautiful-dnd';
+import { useState } from 'react';
+/**
+ * We're doing all this because the placeholder is not correctly displayed in react-beautiful-dnd
+ * with React 19.
+ * So we make sure it properly occupies the space of the dragged item, so the
+ * container won't flicker when we're dragging an item (as the drag item receives
+ * position: fixed while dragging, so content does not have the initial height anymore, therefore,
+ * the placeholder is included, with the computed height of the dragging element)
+ */
+const Droppable = (props) => {
+    const children = props.children;
+    const { placeholderStyle } = React.useContext(AdaptableDDContext);
+    return (React.createElement(DNDDroppable, { ...props }, (provided, snapshot) => {
+        provided.placeholder = (React.createElement("div", { key: "placeholder", style: placeholderStyle || {
+                visibility: 'hidden',
+                pointerEvents: 'none',
+                height: 0,
+            } }));
+        return children(provided, snapshot);
+    }));
+};
+const queryAttr = 'data-rbd-draggable-id';
+const AdaptableDDContext = React.createContext({
+    placeholderStyle: null,
+});
+const DragDropContext = (props) => {
+    const getDraggedDom = (draggableId) => {
+        const domQuery = `[${queryAttr}='${draggableId}']`;
+        const draggedDOM = document.querySelector(domQuery);
+        return draggedDOM;
+    };
+    const [placeholderStyle, setPlaceholderStyle] = useState(null);
+    const handleDragStart = (initial, provided) => {
+        props.onDragStart?.(initial, provided);
+        const draggedDOM = getDraggedDom(initial.draggableId);
+        if (!draggedDOM) {
+            return;
+        }
+        const { clientHeight, clientWidth } = draggedDOM;
+        const computedStyle = window.getComputedStyle(draggedDOM);
+        setPlaceholderStyle({
+            height: clientHeight + parseFloat(computedStyle.marginTop) + parseFloat(computedStyle.marginBottom),
+            width: clientWidth,
+        });
+    };
+    const handleDragEnd = (result, provided) => {
+        props.onDragEnd?.(result, provided);
+        setPlaceholderStyle(null);
+    };
+    return (React.createElement(AdaptableDDContext.Provider, { value: { placeholderStyle } },
+        React.createElement(DDContext, { ...props, onDragStart: handleDragStart, onDragEnd: handleDragEnd })));
+};
+export { Draggable, Droppable, DragDropContext };

package/src/components/icons/DefaultIcon.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
 export type IconProps = {
-    size?: number;
+    size?: number | string;
     children?: ReactNode;
     name?: string;
     tabIndex?: number;
@@ -9,5 +9,5 @@ export type IconProps = {
     color?: string;
 };
 export declare const getSize: (size: number) => number;
-declare const _default: ({ children, size, name, tabIndex, color, ...props }: IconProps) => JSX.Element;
+declare const _default: ({ children, size, name, tabIndex, color, ...props }: IconProps) => React.JSX.Element;
 export default _default;

package/src/components/icons/DefaultIcon.js

@@ -1,11 +1,12 @@
-import { __rest } from "tslib";
 import * as React from 'react';
 import join from '../utils/join';
 const HUNDRED_PERCENT_SIZE = 24;
 const DEFAULT_SIZE = 20;
 export const getSize = (size) => Math.round(size * (DEFAULT_SIZE / HUNDRED_PERCENT_SIZE));
-export default (_a) => {
-    var { children, size = DEFAULT_SIZE, name, tabIndex, color } = _a, props = __rest(_a, ["children", "size", "name", "tabIndex", "color"]);
-    size = getSize(size);
-    return (React.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 24 24", tabIndex: tabIndex, "data-id": name, "data-name": "AdaptableIcon" }, props, { className: join(props.className, `ab-Icon ab-Icon--${name}`), style: Object.assign({ verticalAlign: 'middle', fill: color !== null && color !== void 0 ? color : 'currentColor' }, props.style) }), children));
+export default ({ children, size = DEFAULT_SIZE, name, tabIndex, color, ...props }) => {
+    size =
+        typeof size === 'number' || parseInt(size) == size
+            ? getSize(size)
+            : size;
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", tabIndex: tabIndex, "data-id": name, "data-name": "AdaptableIcon", ...props, className: join(props.className, `ab-Icon ab-Icon--${name}`), style: { verticalAlign: 'middle', fill: color ?? 'currentColor', ...props.style } }, children));
 };

package/src/components/icons/add-row.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/add-row.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M11 18H13V15H16V13H13V10H11V13H8V15H11ZM18 22H6Q5.175 22 4.588 21.413Q4 20.825 4 20V4Q4 3.175 4.588 2.587Q5.175 2 6 2H14L20 8V20Q20 20.825 19.413 21.413Q18.825 22 18 22ZM13 9V4H6Q6 4 6 4Q6 4 6 4V20Q6 20 6 20Q6 20 6 20H18Q18 20 18 20Q18 20 18 20V9ZM6 4V9V4V9V20Q6 20 6 20Q6 20 6 20Q6 20 6 20Q6 20 6 20V4Q6 4 6 4Q6 4 6 4Z" })));

package/src/components/icons/alert.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/alert.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M18 16v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-5 0h-2v-2h2v2zm0-4h-2V8h2v4zm-1 10c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2z" })));

package/src/components/icons/align-center.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/align-center.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props, { viewBox: "0 96 960 960" }),
+export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 96 960 960" },
     React.createElement("path", { d: "M120 936v-80h720v80H120Zm160-160v-80h400v80H280ZM120 616v-80h720v80H120Zm160-160v-80h400v80H280ZM120 296v-80h720v80H120Z" })));

package/src/components/icons/align-justify.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/align-justify.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z" })));

package/src/components/icons/align-left.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/align-left.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props, { viewBox: "0 96 960 960" }),
+export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 96 960 960" },
     React.createElement("path", { d: "M120 936v-80h720v80H120Zm0-160v-80h480v80H120Zm0-160v-80h720v80H120Zm0-160v-80h480v80H120Zm0-160v-80h720v80H120Z" })));

package/src/components/icons/align-right.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/align-right.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props, { viewBox: "0 96 960 960" }),
+export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 96 960 960" },
     React.createElement("path", { d: "M120 936v-80h720v80H120Zm240-160v-80h480v80H360ZM120 616v-80h720v80H120Zm240-160v-80h480v80H360ZM120 296v-80h720v80H120Z" })));

package/src/components/icons/analysis.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/analysis.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M6.5 10h-2v7h2v-7zm6 0h-2v7h2v-7zm8.5 9H2v2h19v-2zm-2.5-9h-2v7h2v-7zm-7-6.74L16.71 6H6.29l5.21-2.74m0-2.26L2 6v2h19V6l-9.5-5z" }),
     ' '));

package/src/components/icons/application.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/application.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M20 18c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2H0c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z" })));

package/src/components/icons/arrow-down-long.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/arrow-down-long.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "m12 22-7-7 1.4-1.425 4.6 4.6V2h2v16.175l4.6-4.575L19 15Z" })));

package/src/components/icons/arrow-down.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/arrow-down.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" })));

package/src/components/icons/arrow-expand.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/arrow-expand.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M10 21v-2H6.41l4.5-4.5l-1.41-1.41l-4.5 4.5V14H3v7h7m4.5-10.09l4.5-4.5V10h2V3h-7v2h3.59l-4.5 4.5l1.41 1.41z" })));

package/src/components/icons/arrow-left.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/arrow-left.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }),
     ";"));

package/src/components/icons/arrow-right.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/arrow-right.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" })));

package/src/components/icons/arrow-up-long.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/arrow-up-long.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M11 22V5.825L6.4 10.4 5 9l7-7 7 7-1.4 1.425-4.6-4.6V22Z" })));

package/src/components/icons/arrow-up.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/arrow-up.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" })));

package/src/components/icons/attach-file.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/attach-file.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z" }),
     React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })));

package/src/components/icons/badge.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/badge.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props, { viewBox: "0 96 960 960" }),
+export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 96 960 960" },
     React.createElement("path", { d: "M160 976q-33 0-56.5-23.5T80 896V456q0-33 23.5-56.5T160 376h200V256q0-33 23.5-56.5T440 176h80q33 0 56.5 23.5T600 256v120h200q33 0 56.5 23.5T880 456v440q0 33-23.5 56.5T800 976H160Zm0-80h640V456H600q0 33-23.5 56.5T520 536h-80q-33 0-56.5-23.5T360 456H160v440Zm80-80h240v-18q0-17-9.5-31.5T444 744q-20-9-40.5-13.5T360 726q-23 0-43.5 4.5T276 744q-17 8-26.5 22.5T240 798v18Zm320-60h160v-60H560v60Zm-200-60q25 0 42.5-17.5T420 636q0-25-17.5-42.5T360 576q-25 0-42.5 17.5T300 636q0 25 17.5 42.5T360 696Zm200-60h160v-60H560v60ZM440 456h80V256h-80v200Zm40 220Z" })));

package/src/components/icons/blanks.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;