@telicent-oss/ds 0.8.1-rc3 → 0.9.1-rc3

package/dist/src/test-utils.d.ts

@@ -1,4 +1,6 @@
-export declare const setup: (jsx: JSX.Element) => {
+import { RenderOptions } from '@testing-library/react';
+
+export declare const setup: (jsx: JSX.Element, options: RenderOptions) => {
     container: HTMLElement;
     baseElement: HTMLElement;
     debug: (baseElement?: Element | DocumentFragment | Array<Element | DocumentFragment>, maxLength?: number, options?: import('pretty-format').OptionsReceived) => void;

package/dist/src/v1/components/data-display/FontAwesomeIcons/ClockIcon.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+
+type ClockIconProps = Omit<FontAwesomeIconProps, "icon">;
+declare const ClockIcon: React.FC<ClockIconProps>;
+export default ClockIcon;

package/dist/src/v1/components/data-display/FontAwesomeIcons/index.d.ts

@@ -1,3 +1,4 @@
+export { default as ClockIcon } from './ClockIcon';
 export { default as DownArrowIcon } from './DownArrowIcon';
 export { default as DownloadIcon } from './DownloadIcon';
 export { default as SearchIcon } from './SearchIcon';

package/dist/src/v1/components/data-display/Icons/DragHandleIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { SvgIconProps as MUISvgIconProps } from '@mui/material/SvgIcon';
+
+export declare const DragHandleIcon: React.FC<MUISvgIconProps>;
+export default DragHandleIcon;

package/dist/src/v1/components/data-display/Icons/MapIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { SvgIconProps as MUISvgIconProps } from '@mui/material/SvgIcon';
+
+export declare const MapIcon: React.FC<MUISvgIconProps>;
+export default MapIcon;

package/dist/src/v1/components/data-display/Icons/index.d.ts

@@ -2,8 +2,10 @@ export { default as BinIcon } from './BinIcon';
 export { default as CloseIcon } from './CloseIcon';
 export { default as DataServiceIcon } from './DataServiceIcon';
 export { default as DataSetIcon } from './DataSetIcon';
+export { default as DragHandleIcon } from './DragHandleIcon';
 export { default as FloppyDiskIcon } from './FloppyDiskIcon';
 export { default as GridIcon } from './GridIcon';
+export { default as MapIcon } from './MapIcon';
 export { default as MinusCircleIcon } from './MinusCircleIcon';
 export { default as PlayIcon } from './PlayIcon';
 export { default as PlusCircleIcon } from './PlusCircleIcon';

package/dist/src/v1/components/inputs/SearchBox/MiniSearchAutocomplete.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { UseAutocompleteProps } from '@mui/material/useAutocomplete/useAutocomplete';
+import { UseAutocompleteProps } from '@mui/material/useAutocomplete';
 import { ProgressProps } from './MiniSearchBox';
 
 type AutocompleteOption = {

package/dist/src/v1/components/surfaces/FloatingPanel/DraggableFloatingPanel.d.ts

@@ -0,0 +1,18 @@
+import { default as React, HTMLAttributes } from 'react';
+
+interface DraggableFloatingPanelProps extends HTMLAttributes<HTMLDivElement> {
+    targetId: string;
+    title: string;
+    bounds?: "parent" | "window" | "body" | string | Element;
+    count?: number;
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    visible?: boolean;
+    defaultPosition?: {
+        x: number;
+        y: number;
+    };
+}
+declare const DraggableFloatingPanel: React.FC<DraggableFloatingPanelProps>;
+export default DraggableFloatingPanel;
+export type { DraggableFloatingPanelProps };

package/dist/src/v1/components/surfaces/FloatingPanel/DraggableFloatingPanel.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FloatingPanel } from './index';
+
+declare const meta: Meta<typeof FloatingPanel.DraggablePanel>;
+export default meta;
+type Story = StoryObj<typeof FloatingPanel.DraggablePanel>;
+export declare const Demo: Story;

package/dist/src/v1/components/surfaces/FloatingPanel/FloatingPanelDock.d.ts

@@ -0,0 +1,10 @@
+import { default as React, HTMLAttributes, PropsWithChildren } from 'react';
+
+interface FloatingPanelDockProps extends PropsWithChildren<HTMLAttributes<HTMLUListElement>> {
+}
+/**
+ * Appears at the bottom of the screen. Holds `FloatingPanelItem` items
+ */
+declare const FloatingPanelDock: React.FC<FloatingPanelDockProps>;
+export default FloatingPanelDock;
+export type { FloatingPanelDockProps };

package/dist/src/v1/components/surfaces/FloatingPanel/FloatingPanelDock.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FloatingPanel } from './index';
+
+declare const meta: Meta<typeof FloatingPanel.Dock>;
+export default meta;
+type Story = StoryObj<typeof FloatingPanel.Dock>;
+export declare const Demo: Story;

package/dist/src/v1/components/surfaces/FloatingPanel/FloatingPanelDockItem.d.ts

@@ -0,0 +1,12 @@
+import { default as React, HTMLAttributes } from 'react';
+
+interface FloatingPanelItemProps extends HTMLAttributes<HTMLLIElement> {
+    label: string;
+    targetId: string;
+    icon?: React.ReactNode;
+    count?: number;
+    visible?: boolean;
+}
+declare const FloatingPanelItem: React.FC<FloatingPanelItemProps>;
+export default FloatingPanelItem;
+export type { FloatingPanelItemProps };

package/dist/src/v1/components/surfaces/FloatingPanel/FloatingPanelDockItem.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FloatingPanel } from './index';
+
+declare const meta: Meta<typeof FloatingPanel.DockItem>;
+export default meta;
+type Story = StoryObj<typeof FloatingPanel.DockItem>;
+export declare const Demo: Story;

package/dist/src/v1/components/surfaces/FloatingPanel/FloatingPanelProvider.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+
+interface PanelState {
+    visible: boolean;
+    minimised: boolean;
+}
+interface PanelsType extends Record<string, PanelState> {
+}
+type ToggleFn = (id: string) => void;
+type GetFn = (id: string, state: "visible" | "minimised") => boolean;
+interface FloatingPanelContextType {
+    toggleVisibility: ToggleFn;
+    toggleMinimized: ToggleFn;
+    get: GetFn;
+    panels: PanelsType;
+}
+export declare const FloatingPanelContext: React.Context<FloatingPanelContextType | undefined>;
+interface FloatingPanelProviderProps {
+    children: React.ReactNode;
+}
+export declare const FloatingPanelProvider: React.FC<FloatingPanelProviderProps>;
+export type { FloatingPanelContextType, FloatingPanelProviderProps, PanelsType, PanelState, ToggleFn };

package/dist/src/v1/components/surfaces/FloatingPanel/FloatingPanelToggleButton.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ToggleButtonProps as MUIToggleButtonProps } from '@mui/material/ToggleButton';
+
+interface FloatingPanelToggleButtonProps extends Omit<MUIToggleButtonProps, "sx" | "classes" | "color" | "onClick" | "selected"> {
+    id: string;
+    label: string;
+}
+declare const FloatingPanelToggleButton: React.FC<FloatingPanelToggleButtonProps>;
+export default FloatingPanelToggleButton;
+export type { FloatingPanelToggleButtonProps };

package/dist/src/v1/components/surfaces/FloatingPanel/__tests__/useFloatingPanels.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/v1/components/surfaces/FloatingPanel/__tests__/useFloatingPanelsContext.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/v1/components/surfaces/FloatingPanel/index.d.ts

@@ -0,0 +1,13 @@
+export declare const FloatingPanel: {
+    Dock: import('react').FC<import('./FloatingPanelDock').FloatingPanelDockProps>;
+    DockItem: import('react').FC<import('./FloatingPanelDockItem').FloatingPanelItemProps>;
+    DraggablePanel: import('react').FC<import('./DraggableFloatingPanel').DraggableFloatingPanelProps>;
+    Provider: import('react').FC<import('./FloatingPanelProvider').FloatingPanelProviderProps>;
+    ToggleButton: import('react').FC<import('./FloatingPanelToggleButton').FloatingPanelToggleButtonProps>;
+};
+export { default as useFloatingPanels } from './useFloatingPanels';
+export * from './DraggableFloatingPanel';
+export * from './FloatingPanelDock';
+export * from './FloatingPanelDockItem';
+export * from './FloatingPanelProvider';
+export * from './FloatingPanelToggleButton';

package/dist/src/v1/components/surfaces/FloatingPanel/useFloatingPanelContext.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Should be used to internal components only
+ */
+declare const useFloatingPanelContext: () => import('./FloatingPanelProvider').FloatingPanelContextType;
+export default useFloatingPanelContext;

package/dist/src/v1/components/surfaces/FloatingPanel/useFloatingPanels.d.ts

@@ -0,0 +1,4 @@
+declare const useFloatingPanels: () => {
+    panels: import('./FloatingPanelProvider').PanelsType;
+};
+export default useFloatingPanels;

package/dist/src/v1/components/surfaces/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Card';
+export * from './FloatingPanel';
 export { default as AppBar } from './AppBar/AppBar';
 export type { AppBarProps } from './AppBar/AppBar';
 export { default as PopOver } from './PopOver/Popover';

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/telicent-oss/telicent-ds.git"
   },
   "type": "module",
-  "version": "0.8.1-rc3",
+  "version": "0.9.1-rc3",
   "private": false,
   "dependencies": {
     "@emotion/react": "^11.10.6",
@@ -27,6 +27,7 @@
     "lodash": "^4.17.21",
     "maplibre-gl": "^4.0.0",
     "react-map-gl": "7.1.0",
+    "react-rnd": "^10.4.13",
     "zod": "^3.21.4"
   },
   "resolutions": {