@sqrzro/admin 2.0.0-beta.0 → 2.0.0

package/dist/components/Button/index.js

@@ -1,50 +1,50 @@
-'use client';
-import React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import Link from '../Link';
-import Loader from '../../core/Loader';
-import useVariant from '../../hooks/useVariant';
-import { ButtonVariantPropType } from '../../utility/prop-types';
-/**
- * Either a `Link` component or a `button` element, depending on whether a `to` prop is specified.
- *
- * As a `Link`, it provides navigation between pages, and as a `button` it will handle the
- * `onClick` function when clicked (if one is specified).
- *
- * ## to & onClick
- *
- * Although it is possible to omit both the `to` and `onClick` props, there will
- * be nearly zero situations where this would be useful. It is also possible to include both props.
- * This will create a `Link` component, and handle the `onClick` function before navigation.
- *
- * ## Styles
- *
- * The `Button` will stretch to the full width of its parent element. If you wish to have a smaller
- * width, you can wrap it in a `div`, and then wrap that `div` in a component with a flex property.
- * Components like `ListActions` and `ModalActions` do this for you.
- */
-function Button({ to, children, type, variant, isDisabled, isFullWidth, isLoading, onClick, value, }) {
-    const { applyVariantClassName } = useVariant(variant);
-    const className = clsx('text-white bg-blue-500 focus:ring-4 focus:outline-none focus:ring-cyan-300 dark:focus:ring-cyan-800 font-medium rounded-md text-sm px-5 py-2.5 text-center mr-2 mb-2', {
-        'opacity-30 pointer-events-none': isDisabled || isLoading,
-        'w-full': isFullWidth,
-    }, applyVariantClassName({ danger: 'bg-red-900' }));
-    if (to) {
-        return (React.createElement(Link, { className: className, onClick: onClick, to: to }, children));
-    }
-    return (React.createElement("button", { className: className, disabled: isDisabled || isLoading || false, onClick: onClick, type: type === 'submit' ? 'submit' : 'button', value: value },
-        isLoading ? (React.createElement("div", { className: "absolute left-1/2 top-1/2 -translate-x-2/4 -translate-y-2/4" },
-            React.createElement(Loader, { isMini: true }))) : null,
-        children));
-}
-Button.propTypes = {
-    children: PropTypes.node.isRequired,
-    isDisabled: PropTypes.bool,
-    isFullWidth: PropTypes.bool,
-    to: PropTypes.string,
-    type: PropTypes.oneOf(['button', 'submit']),
-    variant: ButtonVariantPropType,
-    onClick: PropTypes.func,
-};
-export default Button;
+'use client';
+import React from 'react';
+import clsx from 'clsx';
+import PropTypes from 'prop-types';
+import Link from '../../components/Link';
+import Loader from '../../core/Loader';
+import useVariant from '../../hooks/useVariant';
+import { ButtonVariantPropType } from '../../utility/prop-types';
+/**
+ * Either a `Link` component or a `button` element, depending on whether a `to` prop is specified.
+ *
+ * As a `Link`, it provides navigation between pages, and as a `button` it will handle the
+ * `onClick` function when clicked (if one is specified).
+ *
+ * ## to & onClick
+ *
+ * Although it is possible to omit both the `to` and `onClick` props, there will
+ * be nearly zero situations where this would be useful. It is also possible to include both props.
+ * This will create a `Link` component, and handle the `onClick` function before navigation.
+ *
+ * ## Styles
+ *
+ * The `Button` will stretch to the full width of its parent element. If you wish to have a smaller
+ * width, you can wrap it in a `div`, and then wrap that `div` in a component with a flex property.
+ * Components like `ListActions` and `ModalActions` do this for you.
+ */
+function Button({ to, children, type, variant, isDisabled, isFullWidth, isLoading, onClick, }) {
+    const { applyVariantClassName } = useVariant(variant);
+    const className = clsx('text-white bg-blue-500 focus:ring-4 focus:outline-none focus:ring-cyan-300 dark:focus:ring-cyan-800 font-medium rounded-md text-sm px-5 py-2.5 text-center mr-2 mb-2', {
+        'opacity-30 pointer-events-none': isDisabled || isLoading,
+        'w-full': isFullWidth,
+    }, applyVariantClassName({ danger: 'bg-red-900' }));
+    if (to) {
+        return (React.createElement(Link, { className: className, onClick: onClick, to: to }, children));
+    }
+    return (React.createElement("button", { className: className, disabled: isDisabled || isLoading || false, onClick: onClick, type: type === 'submit' ? 'submit' : 'button' },
+        isLoading ? (React.createElement("div", { className: "absolute left-1/2 top-1/2 -translate-x-2/4 -translate-y-2/4" },
+            React.createElement(Loader, { isMini: true }))) : null,
+        children));
+}
+Button.propTypes = {
+    children: PropTypes.node.isRequired,
+    isDisabled: PropTypes.bool,
+    isFullWidth: PropTypes.bool,
+    to: PropTypes.string,
+    type: PropTypes.oneOf(['button', 'submit']),
+    variant: ButtonVariantPropType,
+    onClick: PropTypes.func,
+};
+export default Button;

package/dist/components/CalendarInput/index.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { InputProps } from '../../utility/interfaces';
-export interface CalendarInputProps extends InputProps<string> {
-    disabledDates?: string[] | ((date: string) => boolean);
-    isOptional?: boolean;
-    isPanelOnly?: boolean;
-    isRange?: boolean;
-}
-declare function CalendarInput({ disabledDates, hasError, isDisabled, isOptional, isPanelOnly, isRange, name, value, onChange, }: CalendarInputProps): React.ReactElement;
-declare namespace CalendarInput {
-    var propTypes: {
-        name: PropTypes.Validator<string>;
-        disabledDates: PropTypes.Requireable<NonNullable<string[] | ((...args: any[]) => any) | null | undefined>>;
-        hasError: PropTypes.Requireable<boolean>;
-        isDisabled: PropTypes.Requireable<boolean>;
-        isOptional: PropTypes.Requireable<boolean>;
-        isPanelOnly: PropTypes.Requireable<boolean>;
-        isRange: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default CalendarInput;
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { InputProps } from '../../utility/interfaces';
+export interface CalendarInputProps extends InputProps<string> {
+    disabledDates?: string[] | ((date: string) => boolean);
+    isOptional?: boolean;
+    isPanelOnly?: boolean;
+    isRange?: boolean;
+}
+declare function CalendarInput({ disabledDates, hasError, isDisabled, isOptional, isPanelOnly, isRange, name, value, onChange, }: CalendarInputProps): React.ReactElement;
+declare namespace CalendarInput {
+    var propTypes: {
+        name: PropTypes.Validator<string>;
+        disabledDates: PropTypes.Requireable<NonNullable<string[] | ((...args: any[]) => any) | null | undefined>>;
+        hasError: PropTypes.Requireable<boolean>;
+        isDisabled: PropTypes.Requireable<boolean>;
+        isOptional: PropTypes.Requireable<boolean>;
+        isPanelOnly: PropTypes.Requireable<boolean>;
+        isRange: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<string>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default CalendarInput;

package/dist/components/CalendarInput/index.js

@@ -1,56 +1,54 @@
-'use client';
-import React from 'react';
-import PropTypes from 'prop-types';
-import FormatService from '../../services/FormatService';
-import Calendar from '../../core/Calendar';
-import InputPanel from '../../core/InputPanel';
-import StaticTextInput from '../../core/StaticTextInput';
-import { useClickOutside } from '@sqrzro/hooks';
-function formatLabel(value, isRange) {
-    if (!value || typeof value !== 'string') {
-        return '';
-    }
-    if (!isRange) {
-        return FormatService.date(value);
-    }
-    const splitValues = value.split(',');
-    if (splitValues[0] === splitValues[1]) {
-        return FormatService.date(splitValues[0]);
-    }
-    return splitValues.map((item) => FormatService.date(item)).join(' - ');
-}
-function CalendarInput({ disabledDates, hasError, isDisabled, isOptional, isPanelOnly, isRange, name, value, onChange, }) {
-    const [isOpen, setIsOpen, node] = useClickOutside();
-    function toggleIsOpen() {
-        setIsOpen(!isOpen);
-    }
-    function handleChange(event) {
-        if (onChange) {
-            onChange(event);
-        }
-        setIsOpen(false);
-    }
-    const label = formatLabel(value, isRange);
-    if (isPanelOnly) {
-        return (React.createElement(Calendar, { disabledDates: disabledDates, isRange: isRange, name: name, onChange: handleChange, value: value || '' }));
-    }
-    return (React.createElement("div", { ref: node, className: "/*clsx(styles.root, isOpen && styles.rootIsOpen)*/" },
-        React.createElement(StaticTextInput, { hasError: hasError, icon: "calendar", isDisabled: isDisabled, isOptional: isOptional, label: label, name: name, onChange: handleChange, onClick: toggleIsOpen, value: value || '' }),
-        isOpen && !isDisabled ? (React.createElement(InputPanel, null,
-            React.createElement(Calendar, { disabledDates: disabledDates, isRange: isRange, name: name, onChange: handleChange, value: value || '' }))) : null));
-}
-CalendarInput.propTypes = {
-    name: PropTypes.string.isRequired,
-    disabledDates: PropTypes.oneOfType([
-        PropTypes.arrayOf(PropTypes.string.isRequired),
-        PropTypes.func,
-    ]),
-    hasError: PropTypes.bool,
-    isDisabled: PropTypes.bool,
-    isOptional: PropTypes.bool,
-    isPanelOnly: PropTypes.bool,
-    isRange: PropTypes.bool,
-    value: PropTypes.string,
-    onChange: PropTypes.func,
-};
-export default CalendarInput;
+'use client';
+import React from 'react';
+import PropTypes from 'prop-types';
+import FormatService from '../../services/FormatService';
+import Calendar from '../../core/Calendar';
+import InputPanel from '../../core/InputPanel';
+import StaticTextInput from '../../core/StaticTextInput';
+import { useClickOutside } from '@sqrzro/hooks';
+const formatLabel = (value, isRange) => {
+    if (!value || typeof value !== 'string') {
+        return '';
+    }
+    if (!isRange) {
+        return FormatService.date(value);
+    }
+    const splitValues = value.split(',');
+    if (splitValues[0] === splitValues[1]) {
+        return FormatService.date(splitValues[0]);
+    }
+    return splitValues.map((item) => FormatService.date(item)).join(' - ');
+};
+function CalendarInput({ disabledDates, hasError, isDisabled, isOptional, isPanelOnly, isRange, name, value, onChange, }) {
+    const [isOpen, setIsOpen, node] = useClickOutside();
+    const toggleIsOpen = () => setIsOpen(!isOpen);
+    const handleChange = (event) => {
+        if (onChange) {
+            onChange(event);
+        }
+        setIsOpen(false);
+    };
+    const label = formatLabel(value, isRange);
+    if (isPanelOnly) {
+        return (React.createElement(Calendar, { disabledDates: disabledDates, isRange: isRange, name: name, onChange: handleChange, value: value || '' }));
+    }
+    return (React.createElement("div", { ref: node, className: "/*clsx(styles.root, isOpen && styles.rootIsOpen)*/" },
+        React.createElement(StaticTextInput, { hasError: hasError, icon: "calendar", isDisabled: isDisabled, isOptional: isOptional, label: label, name: name, onChange: handleChange, onClick: toggleIsOpen, value: value || '' }),
+        isOpen && !isDisabled ? (React.createElement(InputPanel, null,
+            React.createElement(Calendar, { disabledDates: disabledDates, isRange: isRange, name: name, onChange: handleChange, value: value || '' }))) : null));
+}
+CalendarInput.propTypes = {
+    name: PropTypes.string.isRequired,
+    disabledDates: PropTypes.oneOfType([
+        PropTypes.arrayOf(PropTypes.string.isRequired),
+        PropTypes.func,
+    ]),
+    hasError: PropTypes.bool,
+    isDisabled: PropTypes.bool,
+    isOptional: PropTypes.bool,
+    isPanelOnly: PropTypes.bool,
+    isRange: PropTypes.bool,
+    value: PropTypes.string,
+    onChange: PropTypes.func,
+};
+export default CalendarInput;

package/dist/components/CheckboxList/index.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { ChkRadDataItem } from '../../core/ChkRadList';
-import type { InputProps } from '../../utility/interfaces';
-interface CheckboxListProps extends InputProps<string[]> {
-    columns?: number;
-    data: ChkRadDataItem[];
-}
-declare function CheckboxList({ name, onChange, value, ...props }: CheckboxListProps): React.ReactElement;
-declare namespace CheckboxList {
-    var propTypes: {
-        name: PropTypes.Validator<string>;
-        value: PropTypes.Requireable<string[]>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default CheckboxList;
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { ChkRadDataItem } from '../../core/ChkRadList';
+import type { InputProps } from '../../utility/interfaces';
+interface CheckboxListProps extends InputProps<string[]> {
+    columns?: number;
+    data: ChkRadDataItem[];
+}
+declare function CheckboxList({ name, onChange, value, ...props }: CheckboxListProps): React.ReactElement;
+declare namespace CheckboxList {
+    var propTypes: {
+        name: PropTypes.Validator<string>;
+        value: PropTypes.Requireable<string[]>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default CheckboxList;

package/dist/components/CheckboxList/index.js

@@ -1,25 +1,25 @@
-'use client';
-import React from 'react';
-import PropTypes from 'prop-types';
-import { toggleArrayItem } from '@sqrzro/utility';
-import ChkRadList from '../../core/ChkRadList';
-function CheckboxList({ name, onChange, value, ...props }) {
-    function handleChange(event) {
-        if (!onChange) {
-            return;
-        }
-        const newArray = toggleArrayItem(value || [], event.target.value);
-        const simpleEvent = {
-            item: event.item,
-            target: { name, value: newArray },
-        };
-        onChange(simpleEvent);
-    }
-    return (React.createElement(ChkRadList, { ...props, name: `${name}[]`, onChange: handleChange, type: "checkbox", value: value }));
-}
-CheckboxList.propTypes = {
-    name: PropTypes.string.isRequired,
-    value: PropTypes.arrayOf(PropTypes.string.isRequired),
-    onChange: PropTypes.func,
-};
-export default CheckboxList;
+'use client';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { toggleArrayItem } from '@sqrzro/utility';
+import ChkRadList from '../../core/ChkRadList';
+function CheckboxList({ name, onChange, value, ...props }) {
+    const handleChange = (event) => {
+        if (!onChange) {
+            return;
+        }
+        const newArray = toggleArrayItem(value || [], event.target.value);
+        const simpleEvent = {
+            item: event.item,
+            target: { name, value: newArray },
+        };
+        onChange(simpleEvent);
+    };
+    return (React.createElement(ChkRadList, { ...props, name: `${name}[]`, onChange: handleChange, type: "checkbox", value: value }));
+}
+CheckboxList.propTypes = {
+    name: PropTypes.string.isRequired,
+    value: PropTypes.arrayOf(PropTypes.string.isRequired),
+    onChange: PropTypes.func,
+};
+export default CheckboxList;

package/dist/components/CodeInput/index.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import type { InputEventHandler, InputProps } from '../../utility/interfaces';
-interface CodeInputProps extends InputProps<string> {
-    isAutoFocus?: boolean;
-    onFinalChange?: InputEventHandler<string>;
-    size?: number;
-}
-declare function CodeInput({ hasError, id, isAutoFocus, isDisabled, name, onChange, onFinalChange, size, value, }: CodeInputProps): React.ReactElement;
-export default CodeInput;
+import React from 'react';
+import type { InputProps } from '../../utility/interfaces';
+interface CodeInputProps extends InputProps<string> {
+    isAutoFocus?: boolean;
+    onFinalChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    size?: number;
+}
+declare function CodeInput({ hasError, id, isAutoFocus, isDisabled, name, onChange, onFinalChange, size, value, }: CodeInputProps): React.ReactElement;
+export default CodeInput;

package/dist/components/CodeInput/index.js

@@ -1,57 +1,51 @@
-'use client';
-import React, { useEffect, useRef } from 'react';
-// Import styles from './CodeInput.module.css';
-const DEFAULT_SIZE = 6;
-function CodeInput({ hasError, id, isAutoFocus, isDisabled, name, onChange, onFinalChange, size = DEFAULT_SIZE, value, }) {
-    const inputs = useRef([]);
-    const values = (value || '').split('');
-    function handleChange(index) {
-        return (event) => {
-            const newValues = [...values];
-            newValues[index] = event.target.value;
-            if (onChange) {
-                onChange({ target: { name, value: newValues.join('') } });
-            }
-            if (inputs.current[index] && inputs.current[index].value.length === 1) {
-                inputs.current[index + 1]?.focus();
-            }
-        };
-    }
-    function handleKeyDown(index) {
-        return (event) => {
-            if (event.key === 'Backspace' && !event.target.value) {
-                let prevInput = index - 1;
-                while (prevInput >= 0 && !values[prevInput]) {
-                    prevInput -= 1;
-                }
-                if (inputs.current[prevInput]) {
-                    inputs.current[prevInput].focus();
-                    inputs.current[prevInput].value = '';
-                }
-                const newValues = [...values];
-                newValues[prevInput] = '';
-                if (onChange) {
-                    onChange({ target: { name, value: newValues.join('') } });
-                }
-            }
-        };
-    }
-    function handlePaste(event) {
-        event.clipboardData.items[0].getAsString((string) => {
-            if (onChange) {
-                onChange({ target: { name, value: string.substring(0, size) } });
-            }
-        });
-    }
-    useEffect(() => {
-        if (value?.length === size) {
-            onFinalChange?.({ target: { name, value } });
-        }
-    }, [value]);
-    return (React.createElement("div", { className: "/*clsx(styles.root, { [styles.rootIsDisabled]: isDisabled)*/" }, Array.from({ length: size }, (item, index) => (React.createElement("input", { key: index, ref: (ref) => {
-            if (ref) {
-                inputs.current[index] = ref;
-            }
-        }, autoComplete: "off", autoFocus: Boolean(isAutoFocus && index === 0), className: "/*clsx(styles.input, { [styles.rootHasError]: hasError)*/", disabled: isDisabled, id: index === 0 ? id || name : `${id || name}-${index}`, maxLength: 1, name: `${name}_${index}`, onChange: handleChange(index), onKeyDown: handleKeyDown(index), onPaste: handlePaste, value: values[index] || '' })))));
-}
-export default CodeInput;
+'use client';
+import React, { useRef } from 'react';
+// Import styles from './CodeInput.module.css';
+const DEFAULT_SIZE = 6;
+function CodeInput({ hasError, id, isAutoFocus, isDisabled, name, onChange, onFinalChange, size = DEFAULT_SIZE, value, }) {
+    const inputs = useRef([]);
+    const values = (value || '').split('');
+    const handleChange = (index) => (event) => {
+        const newValues = [...values];
+        newValues[index] = event.target.value;
+        if (onChange) {
+            onChange({ target: { name, value: newValues.join('') } });
+        }
+        if (inputs.current[index] && inputs.current[index].value.length === 1) {
+            inputs.current[index + 1]?.focus();
+        }
+        if (newValues.length === size) {
+            onFinalChange?.(event);
+        }
+    };
+    const handleKeyDown = (index) => (event) => {
+        if (event.key === 'Backspace' && !event.target.value) {
+            let prevInput = index - 1;
+            while (prevInput >= 0 && !values[prevInput]) {
+                prevInput -= 1;
+            }
+            if (inputs.current[prevInput]) {
+                inputs.current[prevInput].focus();
+                inputs.current[prevInput].value = '';
+            }
+            const newValues = [...values];
+            newValues[prevInput] = '';
+            if (onChange) {
+                onChange({ target: { name, value: newValues.join('') } });
+            }
+        }
+    };
+    const handlePaste = (event) => {
+        event.clipboardData.items[0].getAsString((string) => {
+            if (onChange) {
+                onChange({ target: { name, value: string.substring(0, size) } });
+            }
+        });
+    };
+    return (React.createElement("div", { className: "/*clsx(styles.root, { [styles.rootIsDisabled]: isDisabled)*/" }, Array.from({ length: size }, (item, index) => (React.createElement("input", { key: index, ref: (ref) => {
+            if (ref) {
+                inputs.current[index] = ref;
+            }
+        }, autoComplete: "off", autoFocus: Boolean(isAutoFocus && index === 0), className: "/*clsx(styles.input, { [styles.rootHasError]: hasError)*/", disabled: isDisabled, id: index === 0 ? id || name : `${id || name}-${index}`, maxLength: 1, name: `${name}_${index}`, onChange: handleChange(index), onKeyDown: handleKeyDown(index), onPaste: handlePaste, value: values[index] || '' })))));
+}
+export default CodeInput;

package/dist/components/ConnectedDropdown/index.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { InputProps, Remote } from '../../utility/interfaces';
-interface ConnnectedDropdownProps extends InputProps<string[] | string> {
-    isPanelOnly?: boolean;
-    remote: Remote;
-}
-declare function ConnectedDropdown({ remote, ...props }: ConnnectedDropdownProps): React.ReactElement;
-declare namespace ConnectedDropdown {
-    var propTypes: {
-        name: PropTypes.Validator<string>;
-    };
-}
-export default ConnectedDropdown;
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { InputProps, Remote } from '../../utility/interfaces';
+interface ConnnectedDropdownProps extends InputProps<string[] | string> {
+    isPanelOnly?: boolean;
+    remote: Remote;
+}
+declare function ConnectedDropdown({ remote, ...props }: ConnnectedDropdownProps): React.ReactElement;
+declare namespace ConnectedDropdown {
+    var propTypes: {
+        name: PropTypes.Validator<string>;
+    };
+}
+export default ConnectedDropdown;

package/dist/components/ConnectedDropdown/index.js

@@ -1,36 +1,36 @@
-'use client';
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { ApiService } from '@sqrzro/utility';
-import Dropdown from '../Dropdown';
-import ErrorMessage from '../ErrorMessage';
-const parseRemote = (remote) => {
-    if (Array.isArray(remote)) {
-        return [remote[0], { ...remote[1], simpleview: '1' }];
-    }
-    return [remote, { simpleview: '1' }];
-};
-function ConnectedDropdown({ remote, ...props }) {
-    const [data, setData] = useState();
-    const [isError, setIsError] = useState(false);
-    const getData = async () => {
-        try {
-            const response = await ApiService.get(parseRemote(remote));
-            setData(response.data);
-        }
-        catch (err) {
-            setIsError(true);
-        }
-    };
-    useEffect(() => {
-        void getData();
-    }, []);
-    if (isError) {
-        return React.createElement(ErrorMessage, { isMini: true });
-    }
-    return React.createElement(Dropdown, { data: data, isDisabled: !data, ...props });
-}
-ConnectedDropdown.propTypes = {
-    name: PropTypes.string.isRequired,
-};
-export default ConnectedDropdown;
+'use client';
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { ApiService } from '@sqrzro/utility';
+import Dropdown from '../../components/Dropdown';
+import ErrorMessage from '../../components/ErrorMessage';
+const parseRemote = (remote) => {
+    if (Array.isArray(remote)) {
+        return [remote[0], { ...remote[1], simpleview: '1' }];
+    }
+    return [remote, { simpleview: '1' }];
+};
+function ConnectedDropdown({ remote, ...props }) {
+    const [data, setData] = useState();
+    const [isError, setIsError] = useState(false);
+    const getData = async () => {
+        try {
+            const response = await ApiService.get(parseRemote(remote));
+            setData(response.data);
+        }
+        catch (err) {
+            setIsError(true);
+        }
+    };
+    useEffect(() => {
+        void getData();
+    }, []);
+    if (isError) {
+        return React.createElement(ErrorMessage, { isMini: true });
+    }
+    return React.createElement(Dropdown, { data: data, isDisabled: !data, ...props });
+}
+ConnectedDropdown.propTypes = {
+    name: PropTypes.string.isRequired,
+};
+export default ConnectedDropdown;

package/dist/components/ConnectedList/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { ConnectedRepeaterElementProps } from '../../core/ConnectedRepeater';
-import type { SimpleObject } from '../../utility/interfaces';
-declare function ConnectedList<T extends SimpleObject>(props: ConnectedRepeaterElementProps<T>): React.ReactElement;
-export default ConnectedList;
+import React from 'react';
+import type { ConnectedRepeaterElementProps } from '../../core/ConnectedRepeater';
+import type { SimpleObject } from '../../utility/interfaces';
+declare function ConnectedList<T extends SimpleObject>(props: ConnectedRepeaterElementProps<T>): React.ReactElement;
+export default ConnectedList;

package/dist/components/ConnectedList/index.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import ConnectedRepeater from '../../core/ConnectedRepeater';
-import List from '../List';
-function ConnectedList(props) {
-    return (React.createElement(ConnectedRepeater, { ...props, render: (renderProps) => React.createElement(List, { ...renderProps }) }));
-}
-export default ConnectedList;
+import React from 'react';
+import ConnectedRepeater from '../../core/ConnectedRepeater';
+import List from '../../components/List';
+function ConnectedList(props) {
+    return (React.createElement(ConnectedRepeater, { ...props, render: (renderProps) => React.createElement(List, { ...renderProps }) }));
+}
+export default ConnectedList;

package/dist/components/ConnectedTable/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { ConnectedRepeaterElementProps } from '../../core/ConnectedRepeater';
-import type { SimpleObject } from '../../utility/interfaces';
-declare function ConnectedTable<T extends SimpleObject>(props: ConnectedRepeaterElementProps<T>): React.ReactElement;
-export default ConnectedTable;
+import React from 'react';
+import type { ConnectedRepeaterElementProps } from '../../core/ConnectedRepeater';
+import type { SimpleObject } from '../../utility/interfaces';
+declare function ConnectedTable<T extends SimpleObject>(props: ConnectedRepeaterElementProps<T>): React.ReactElement;
+export default ConnectedTable;