@helpwave/hightide 0.0.13 → 0.0.16

package/dist/components/examples/properties/DatePropertyExample.d.ts

@@ -1,8 +0,0 @@
-import type { DatePropertyProps } from '../../properties/DateProperty';
-export type DatePropertyExampleProps = DatePropertyProps & {
-    readOnly: boolean;
-};
-/**
- * Example for using the DateProperty
- */
-export declare const DatePropertyExample: ({ value, onChange, onRemove, onEditComplete, ...restProps }: DatePropertyExampleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/properties/DatePropertyExample.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { DateProperty } from '../../properties/DateProperty';
-import { noop } from '../../../util/noop';
-/**
- * Example for using the DateProperty
- */
-export const DatePropertyExample = ({ value, onChange = noop, onRemove = noop, onEditComplete = noop, ...restProps }) => {
-    const [usedDate, setUsedDate] = useState(value);
-    useEffect(() => {
-        setUsedDate(value);
-    }, [value]);
-    return (_jsx(DateProperty, { ...restProps, onChange: date => {
-            setUsedDate(date);
-            onChange(date);
-        }, onEditComplete: date => {
-            setUsedDate(date);
-            onEditComplete(date);
-        }, onRemove: () => {
-            setUsedDate(undefined);
-            onRemove();
-        }, value: usedDate }));
-};

package/dist/components/examples/properties/MultiSelectPropertyExample.d.ts

@@ -1,8 +0,0 @@
-import type { MultiSelectPropertyProps } from '../../properties/MultiSelectProperty';
-export type MultiSelectPropertyExample = Omit<MultiSelectPropertyProps<string>, 'onChange' | 'onRemove' | 'search' | 'selectedDisplay'> & {
-    enableSearch: boolean;
-};
-/**
- * Example for using the MultiSelectProperty
- */
-export declare const MultiSelectPropertyExample: ({ options, hintText, enableSearch, ...restProps }: MultiSelectPropertyExample) => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/properties/MultiSelectPropertyExample.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { MultiSelectProperty } from '../../properties/MultiSelectProperty';
-/**
- * Example for using the MultiSelectProperty
- */
-export const MultiSelectPropertyExample = ({ options, hintText, enableSearch, ...restProps }) => {
-    const [usedOptions, setUsedOptions] = useState(options);
-    useEffect(() => {
-        setUsedOptions(options);
-    }, [options]);
-    useEffect(() => {
-        setUsedOptions(options.map(value => ({ ...value, selected: false })));
-    }, [hintText, options]);
-    return (_jsx(MultiSelectProperty, { ...restProps, options: usedOptions, search: enableSearch ? { initialSearch: '', searchMapping: value => [value.label] } : undefined, onChange: setUsedOptions, onRemove: () => setUsedOptions(usedOptions.map(value => ({ ...value, selected: false }))), hintText: hintText }));
-};

package/dist/components/examples/properties/NumberPropertyExample.d.ts

@@ -1,6 +0,0 @@
-import type { NumberPropertyProps } from '../../properties/NumberProperty';
-export type NumberPropertyExampleProps = Omit<NumberPropertyProps, 'onChange' | 'onRemove'>;
-/**
- * Example for using the NumberProperty
- */
-export declare const NumberPropertyExample: ({ value, ...restProps }: NumberPropertyExampleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/properties/NumberPropertyExample.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { NumberProperty } from '../../properties/NumberProperty';
-/**
- * Example for using the NumberProperty
- */
-export const NumberPropertyExample = ({ value, ...restProps }) => {
-    const [usedValue, setUsedValue] = useState(value);
-    useEffect(() => {
-        setUsedValue(value);
-    }, [value]);
-    return (_jsx(NumberProperty, { ...restProps, onChange: setUsedValue, onRemove: () => setUsedValue(undefined), value: usedValue }));
-};

package/dist/components/examples/properties/SelectPropertyExample.d.ts

@@ -1,6 +0,0 @@
-import type { SingleSelectPropertyProps } from '../../properties/SelectProperty';
-export type SingleSelectPropertyExample = Omit<SingleSelectPropertyProps<string>, 'onChange' | 'onRemove' | 'searchMapping'>;
-/**
- * Example for using the SingleSelectProperty
- */
-export declare const SingleSelectPropertyExample: ({ value, options, hintText, ...restProps }: SingleSelectPropertyExample) => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/properties/SelectPropertyExample.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { SingleSelectProperty } from '../../properties/SelectProperty';
-/**
- * Example for using the SingleSelectProperty
- */
-export const SingleSelectPropertyExample = ({ value, options, hintText, ...restProps }) => {
-    const [usedValue, setUsedValue] = useState(value);
-    useEffect(() => {
-        setUsedValue(undefined);
-    }, [hintText]);
-    useEffect(() => {
-        if (options.find(value1 => value1.value === value)) {
-            setUsedValue(value);
-        }
-    }, [value, options]);
-    return (_jsx(SingleSelectProperty, { ...restProps, value: usedValue, options: options, searchMapping: value1 => [value1.value], onChange: setUsedValue, onRemove: () => setUsedValue(undefined), hintText: hintText }));
-};

package/dist/components/examples/properties/TextPropertyExample.d.ts

@@ -1,8 +0,0 @@
-import type { TextPropertyProps } from '../../properties/TextProperty';
-export type TextPropertyExampleProps = Omit<TextPropertyProps, 'onChange' | 'onRemove'> & {
-    readOnly: boolean;
-};
-/**
- * Example for using the TextProperty
- */
-export declare const TextPropertyExample: ({ value, ...restProps }: TextPropertyExampleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/properties/TextPropertyExample.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { TextProperty } from '../../properties/TextProperty';
-/**
- * Example for using the TextProperty
- */
-export const TextPropertyExample = ({ value, ...restProps }) => {
-    const [usedValue, setUsedValue] = useState(value);
-    useEffect(() => {
-        setUsedValue(value);
-    }, [value]);
-    return (_jsx(TextProperty, { ...restProps, onChange: setUsedValue, onRemove: () => setUsedValue(undefined), value: usedValue }));
-};