@datalayer/primer-addons 0.0.7 → 0.0.9

package/lib/App.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./App.css";
 declare const App: () => JSX.Element;
 export default App;

package/lib/components/closeableflash/CloseableFlash.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { FlashProps } from "@primer/react";
+type CloseableFlashProps = FlashProps;
+export declare const CloseableFlash: React.FC<CloseableFlashProps>;
+export {};

package/lib/components/closeableflash/CloseableFlash.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Flash } from "@primer/react";
+import { XIcon } from "@primer/octicons-react";
+export const CloseableFlash = (props) => {
+    const [isVisible, setIsVisible] = useState(true);
+    const handleClose = () => {
+        setIsVisible(false);
+    };
+    if (!isVisible) {
+        return null;
+    }
+    return (_jsx(Flash, { ...props, children: _jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [_jsx(Box, { children: props.children }), _jsx(Box, { onClick: handleClose, sx: { cursor: "pointer" }, children: _jsx(XIcon, { size: 20 }) })] }) }));
+};

package/lib/components/slider/Slider.d.ts

@@ -1,8 +1,8 @@
 interface CommonProps {
-    name: string;
-    id: string;
-    min: number;
-    max: number;
+    name?: string;
+    id?: string;
+    min?: number;
+    max?: number;
     label?: string;
     value?: number;
     displayValue?: boolean;

package/lib/components/slider/Slider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useTheme, Box, CounterLabel, FormControl } from "@primer/react";
-export const Slider = ({ name = "slider", id = "slider", min, max, value, label, step = 1, markers = false, displayValue = true, disabled = false, orientation = "horizontal", width = "200px", onChange, }) => {
+export const Slider = ({ name = "slider", id = "slider", min = 0, max = 10, value = 5, label = "label", step = 1, markers = false, displayValue = true, disabled = false, orientation = "horizontal", width = "200px", onChange, }) => {
     const { colorMode } = useTheme();
     const defaultValue = max < min ? min : min + (max - min) / 2;
     const [sliderVal, setSliderVal] = useState(defaultValue);

package/lib/index.d.ts

@@ -1,2 +1,3 @@
+export * from "./components/closeableflash/CloseableFlash";
 export * from "./components/slider/Slider";
 export * from "./components/toolbar/Toolbar";

package/lib/index.js

@@ -1,2 +1,3 @@
+export * from "./components/closeableflash/CloseableFlash";
 export * from "./components/slider/Slider";
 export * from "./components/toolbar/Toolbar";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/primer-addons",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "license": "BSD-3-Clause",
   "scripts": {
     "dev": "vite",