@sqrzro/admin 2.0.0 → 2.1.0-bz.0

package/dist/core/FilterItem/index.js

@@ -1,82 +0,0 @@
-'use client';
-import React, { memo, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { ApiService } from '@sqrzro/utility';
-import { useClickOutside } from '@sqrzro/hooks';
-import CloseButton from '../../core/CloseButton';
-import Icon from '../../core/Icon';
-import InputPanel from '../../core/InputPanel';
-const DEFAULT_PANEL_OPTIONS = { size: 'md' };
-const parseRemote = (remote) => {
-    if (Array.isArray(remote)) {
-        return [remote[0], { ...remote[1], simpleview: '1' }];
-    }
-    return [remote, { simpleview: '1' }];
-};
-function FilterItem({ data, label, name, props, remote, renderField, renderSummary, onCancel, onChange, panelOptions, value, }) {
-    const [isOpen, setIsOpen, node] = useClickOutside();
-    const [isDisabled, setIsDisabled] = useState(Boolean(remote));
-    const [remoteData, setRemoteData] = useState([]);
-    const [panelIndex, setPanelIndex] = useState(0);
-    const toggleIsOpen = () => setIsOpen(!isOpen);
-    const handleChange = (event) => {
-        if (event.target.value !== '[internal]') {
-            onChange(event);
-            if (!props?.isMultiple) {
-                setIsOpen(false);
-            }
-        }
-    };
-    const handleCancel = () => {
-        onCancel({ target: { name, value: name } });
-        setPanelIndex(0);
-        setIsOpen(false);
-    };
-    const handleRemote = async () => {
-        if (!remote) {
-            return;
-        }
-        const response = await ApiService.get(parseRemote(remote));
-        setRemoteData(response.data);
-        setIsDisabled(false);
-    };
-    useEffect(() => {
-        void handleRemote();
-    }, []);
-    const summaryArgs = {
-        data: remote ? remoteData : data,
-        props,
-        value,
-    };
-    const summary = renderSummary ? renderSummary(summaryArgs) : value;
-    const field = renderField({
-        data: remote ? remoteData : data,
-        extraProps: props,
-        name,
-        onChange: handleChange,
-        panelIndex,
-        setPanelIndex,
-        value,
-    });
-    const parsedPanelOptions = Array.isArray(panelOptions) ? panelOptions : [panelOptions];
-    return (React.createElement("div", { ref: node, className: "/*clsx(styles.root, isDisabled && styles.rootIsDisabled)*/", "data-testid": "filter-item-root" },
-        React.createElement("div", { className: "/*clsx(styles.inner, value && styles.innerHasValue)*/" },
-            React.createElement("div", { className: "/*styles.icon*/" }, Array.isArray(value) && value.length > 1 ? (React.createElement("span", { className: "/*styles.count*/" }, value.length)) : (React.createElement(Icon, { icon: "filter", size: 12 }))),
-            React.createElement("div", { className: "/*styles.label*/", "data-testid": "filter-item-label" }, summary || label),
-            value ? (React.createElement("i", { className: "/*styles.close*/" },
-                React.createElement(CloseButton, { label: "Cancel", onClick: handleCancel, size: "sm" }))) : null,
-            React.createElement("button", { className: "/*clsx(styles.control, value && styles.controlHasValue)*/", onClick: toggleIsOpen, type: "button" }, isOpen ? 'Close' : 'Open')),
-        isOpen ? (React.createElement(InputPanel, { ...DEFAULT_PANEL_OPTIONS, ...(parsedPanelOptions[panelIndex] || {}) }, field)) : null));
-}
-FilterItem.propTypes = {
-    label: PropTypes.string.isRequired,
-    name: PropTypes.string.isRequired,
-    renderField: PropTypes.func.isRequired,
-    onCancel: PropTypes.func.isRequired,
-    onChange: PropTypes.func.isRequired,
-    props: PropTypes.shape({
-        isMultiple: PropTypes.bool,
-    }),
-    renderSummary: PropTypes.func,
-};
-export default memo(FilterItem);

package/dist/core/Filters/index.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { FilterField } from '../../filters/interfaces';
-import type { Action } from '../../utility/interfaces';
-interface FiltersProps {
-    actions?: Action[];
-    fields?: FilterField[];
-    hasSearch?: boolean;
-    isDisabled?: boolean;
-}
-/**
- * Render a series of `FilterFields`. It will also render a search input if `hasSearch` is true, and
- * a series of `Actions` if `actions` is provided.
- */
-declare function Filters({ actions, fields, hasSearch, isDisabled }: FiltersProps): React.ReactElement;
-declare namespace Filters {
-    var propTypes: {
-        actions: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-            label: PropTypes.Validator<string>;
-            onClick: PropTypes.Validator<(...args: any[]) => any>;
-        }>>[]>;
-        fields: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-            label: PropTypes.Validator<string>;
-            name: PropTypes.Validator<string>;
-            renderField: PropTypes.Validator<(...args: any[]) => any>;
-        }>>[]>;
-        hasSearch: PropTypes.Requireable<boolean>;
-        isDisabled: PropTypes.Requireable<boolean>;
-    };
-}
-export default Filters;

package/dist/core/Filters/index.js

@@ -1,85 +0,0 @@
-'use client';
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import Button from '../../components/Button';
-import TextInput from '../../components/TextInput';
-import FilterItem from '../../core/FilterItem';
-import useFilters from '../../hooks/useFilters';
-const flattenFilter = (filter) => {
-    if (!filter) {
-        return filter;
-    }
-    if (Array.isArray(filter)) {
-        return filter.map((item) => item.toString());
-    }
-    return filter.toString();
-};
-/**
- * Render a series of `FilterFields`. It will also render a search input if `hasSearch` is true, and
- * a series of `Actions` if `actions` is provided.
- */
-function Filters({ actions, fields, hasSearch, isDisabled }) {
-    const [filters, setFilters] = useFilters();
-    const [pendingSearch, setPendingSearch] = useState('');
-    const [isOpen, setIsOpen] = useState(false);
-    const toggleIsOpen = () => setIsOpen(!isOpen);
-    useEffect(() => {
-        setPendingSearch(filters.get('search')?.toString() || '');
-    }, [filters.get('search')]);
-    const handleCancel = (event) => {
-        const newFilters = new Map(filters);
-        newFilters.delete(event.target.value);
-        setFilters(newFilters);
-    };
-    const handleChange = (event) => {
-        const newFilters = new Map(filters);
-        /*
-         * `event.target.value` can be null, so the optional check (?.) is required for typescript.
-         * However, no null value can be passed from a filter, so this can be ignored by test
-         * coverage.
-         */
-        /* istanbul ignore next */
-        const value = Array.isArray(event.target.value)
-            ? event.target.value.map((item) => item?.toString() || '')
-            : event.target.value?.toString() || '';
-        newFilters.set(event.target.name, value);
-        setFilters(newFilters);
-    };
-    const handleSearch = (event) => {
-        if (event.key === 'Enter') {
-            handleChange({ target: { name: 'search', value: pendingSearch } });
-        }
-    };
-    const handleSearchClear = () => {
-        handleChange({ target: { name: 'search', value: '' } });
-        setPendingSearch('');
-    };
-    return (React.createElement("aside", { className: "/*styles.root*/", "data-testid": "filters-root" },
-        React.createElement("div", { className: "/*clsx(styles.control, isOpen && styles.controlIsOpen)*/" },
-            React.createElement(Button, { onClick: toggleIsOpen, variant: "bordered" },
-                "Filters",
-                filters.size ? ` (${filters.size})` : '...')),
-        React.createElement("div", { className: "/*clsx(styles.content, isOpen && styles.contentIsOpen)*/", "data-testid": "filters-content" },
-            React.createElement("div", { className: "/*styles.section*/" },
-                hasSearch ? (React.createElement("div", { className: "/*styles.search*/" },
-                    React.createElement(TextInput, { name: "search", onChange: (event) => setPendingSearch(event.target.value), onClear: handleSearchClear, onKeyDown: handleSearch, placeholder: "Search...", value: pendingSearch, isClearable: true }))) : null,
-                hasSearch && fields?.length ? (React.createElement("i", { className: "/*styles.divider*/", "data-testid": "filters-divider" })) : null,
-                fields?.map((item) => (React.createElement(FilterItem, { key: item.label, onCancel: handleCancel, onChange: handleChange, value: flattenFilter(filters.get(item.name)), ...item })))),
-            actions?.length ? (React.createElement("div", { className: "/*styles.actions*/" }, actions.map((item) => (React.createElement(Button, { key: item.label, isDisabled: isDisabled || item.isDisabled, onClick: item.onClick, variant: item.variant || 'bordered' }, item.label))))) : null),
-        React.createElement("div", { className: "/*clsx(styles.close, isOpen && styles.closeIsOpen)*/" },
-            React.createElement(Button, { onClick: toggleIsOpen, variant: "link" }, "Close Filters"))));
-}
-Filters.propTypes = {
-    actions: PropTypes.arrayOf(PropTypes.shape({
-        label: PropTypes.string.isRequired,
-        onClick: PropTypes.func.isRequired,
-    }).isRequired),
-    fields: PropTypes.arrayOf(PropTypes.shape({
-        label: PropTypes.string.isRequired,
-        name: PropTypes.string.isRequired,
-        renderField: PropTypes.func.isRequired,
-    }).isRequired),
-    hasSearch: PropTypes.bool,
-    isDisabled: PropTypes.bool,
-};
-export default Filters;

package/dist/core/FixedActions/index.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export interface FixedActionsProps {
-    children?: React.ReactNode;
-    isDisabled?: boolean;
-    isLoading?: boolean;
-    label: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    to?: string;
-    type?: 'button' | 'submit';
-}
-declare function FixedActions({ children, label, isDisabled, isLoading, onClick, to, type, }: FixedActionsProps): React.ReactElement;
-declare namespace FixedActions {
-    var propTypes: {
-        label: PropTypes.Validator<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        isDisabled: PropTypes.Requireable<boolean>;
-        isLoading: PropTypes.Requireable<boolean>;
-        to: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default FixedActions;

package/dist/core/FixedActions/index.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import useLayout from '../../hooks/useLayout';
-import useModalOffset from '../../hooks/useModalOffset';
-import Button from '../../components/Button';
-function FixedActions({ children, label, isDisabled, isLoading, onClick, to, type, }) {
-    const { applyLayoutClassName } = useLayout();
-    const style = useModalOffset('marginRight');
-    return (React.createElement("div", { className: "/*clsx(styles.root, applyLayoutClassName(styles))*/", style: style },
-        children,
-        React.createElement(Button, { isDisabled: isDisabled || isLoading, onClick: onClick, to: to, type: type }, label)));
-}
-FixedActions.propTypes = {
-    label: PropTypes.string.isRequired,
-    children: PropTypes.node,
-    isDisabled: PropTypes.bool,
-    isLoading: PropTypes.bool,
-    to: PropTypes.string,
-    type: PropTypes.oneOf(['button', 'submit']),
-    onClick: PropTypes.func,
-};
-export default FixedActions;

package/dist/core/FormError/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface FormErrorProps {
-    message: string;
-}
-declare function FormError({ message }: FormErrorProps): React.ReactElement;
-declare namespace FormError {
-    var propTypes: {
-        message: PropTypes.Validator<string>;
-    };
-}
-export default FormError;

package/dist/core/FormError/index.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-function FormError({ message }) {
-    return React.createElement("div", { className: "/*styles.root*/" }, message);
-}
-FormError.propTypes = {
-    message: PropTypes.string.isRequired,
-};
-export default FormError;

package/dist/core/FormLabel/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface FormLabelProps {
-    children: React.ReactNode;
-    htmlFor: string;
-    isOptional?: boolean;
-}
-declare function FormLabel({ children, htmlFor, isOptional }: FormLabelProps): React.ReactElement;
-declare namespace FormLabel {
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        htmlFor: PropTypes.Validator<string>;
-        isOptional: PropTypes.Requireable<boolean>;
-    };
-}
-export default FormLabel;

package/dist/core/FormLabel/index.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-function FormLabel({ children, htmlFor, isOptional }) {
-    return (React.createElement("label", { className: "/*styles.root*/", htmlFor: htmlFor },
-        children,
-        isOptional ? React.createElement("small", { className: "/*styles.optional*/" }, "(Optional)") : null));
-}
-FormLabel.propTypes = {
-    children: PropTypes.node.isRequired,
-    htmlFor: PropTypes.string.isRequired,
-    isOptional: PropTypes.bool,
-};
-export default FormLabel;

package/dist/core/FormLegend/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface FormLegendProps {
-    children: React.ReactNode;
-}
-declare function FormLegend({ children }: FormLegendProps): React.ReactElement;
-declare namespace FormLegend {
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    };
-}
-export default FormLegend;

package/dist/core/FormLegend/index.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-function FormLegend({ children }) {
-    return React.createElement("legend", { className: "/*styles.root*/" }, children);
-}
-FormLegend.propTypes = {
-    children: PropTypes.node.isRequired,
-};
-export default FormLegend;

package/dist/core/Header/Header.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentMeta } from '@storybook/react';
-import Header from './index';
-declare const _default: ComponentMeta<typeof Header>;
-export default _default;
-export declare const Basic: any;

package/dist/core/Header/Header.stories.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import Header from './index';
-export default {
-    title: 'Core/Header',
-    component: Header,
-};
-const Template = (args) => (React.createElement(Header, { ...args }));
-export const Basic = Template.bind({});
-Basic.args = {
-    title: 'Lorem Ipsum',
-};

package/dist/core/Header/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { StyleVariant } from '../../utility/interfaces';
-export interface HeaderProps {
-    title?: string | null;
-    variant?: StyleVariant;
-}
-declare function Header({ title, variant }: HeaderProps): React.ReactElement;
-declare namespace Header {
-    var propTypes: {
-        title: PropTypes.Requireable<string>;
-    };
-}
-export default Header;

package/dist/core/Header/index.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import useLayout from '../../hooks/useLayout';
-function Header({ title, variant }) {
-    const { applyLayoutClassName } = useLayout();
-    return (React.createElement("header", { className: "border-b border-b-gray-300 p-4" },
-        React.createElement("h1", { className: "text-gray-600 text-2xl", "data-testid": "header-title" }, title || '•••')));
-}
-Header.propTypes = {
-    title: PropTypes.string,
-};
-export default Header;

package/dist/core/Icon/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface IconProps {
-    icon: string;
-    size?: number;
-}
-declare function Icon({ icon, size }: IconProps): React.ReactElement | null;
-declare namespace Icon {
-    var propTypes: {
-        icon: PropTypes.Validator<string>;
-        size: PropTypes.Requireable<number>;
-    };
-}
-export default Icon;

package/dist/core/Icon/index.js

@@ -1,32 +0,0 @@
-/* eslint-disable react/forbid-component-props */
-import React from 'react';
-import { ArrowLeftIcon, ArrowRightIcon, ArrowUpTrayIcon, CalendarIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ExclamationCircleIcon, FunnelIcon, LockClosedIcon, XMarkIcon, } from '@heroicons/react/20/solid';
-import PropTypes from 'prop-types';
-const DEFAULT_SIZE = 20;
-const iconMap = {
-    arrowLeft: ArrowLeftIcon,
-    arrowRight: ArrowRightIcon,
-    calendar: CalendarIcon,
-    checkCircle: CheckCircleIcon,
-    check: CheckIcon,
-    chevronDown: ChevronDownIcon,
-    exclamationCircle: ExclamationCircleIcon,
-    filter: FunnelIcon,
-    lockClosed: LockClosedIcon,
-    upload: ArrowUpTrayIcon,
-    x: XMarkIcon, // eslint-disable-line id-length
-};
-function Icon({ icon, size }) {
-    const Component = iconMap[icon];
-    return Component ? (React.createElement(Component, { "data-testid": "icon-root", role: "img", style: {
-            display: 'block',
-            fill: 'inherit',
-            stroke: 'inherit',
-            width: `${size || DEFAULT_SIZE}px`,
-        } })) : null;
-}
-Icon.propTypes = {
-    icon: PropTypes.string.isRequired,
-    size: PropTypes.number,
-};
-export default Icon;

package/dist/core/IconButton/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface IconButtonProps {
-    children: React.ReactNode;
-    icon: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    size?: 'sm' | 'md' | 'lg';
-    type?: 'button' | 'submit';
-    variant?: 'white';
-}
-declare function IconButton({ children, icon, onClick, size, type, variant, }: IconButtonProps): React.ReactElement;
-declare namespace IconButton {
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        icon: PropTypes.Validator<string>;
-        size: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<string>;
-        variant: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default IconButton;

package/dist/core/IconButton/index.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Assistive from '../../core/Assistive';
-import Icon from '../../core/Icon';
-// Import styles from './IconButton.module.css';
-const iconSizeMap = { sm: 16, md: 24 };
-function IconButton({ children, icon, onClick, size, type, variant, }) {
-    return (React.createElement("button", { className: "clsx(styles.root, styles[`root${ucwords(size || 'md')}`], variant && styles[`root${ucwords(variant)}`])", onClick: onClick, type: type === 'submit' ? 'submit' : 'button' },
-        React.createElement(Icon, { icon: icon, size: iconSizeMap[size || 'md'] }),
-        React.createElement(Assistive, null, children)));
-}
-IconButton.propTypes = {
-    children: PropTypes.node.isRequired,
-    icon: PropTypes.string.isRequired,
-    size: PropTypes.oneOf(['sm', 'md', 'lg']),
-    type: PropTypes.oneOf(['button', 'submit']),
-    variant: PropTypes.oneOf(['white']),
-    onClick: PropTypes.func,
-};
-export default IconButton;

package/dist/core/InputPanel/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface InputPanelProps {
-    children: React.ReactNode;
-    isScrollable?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-}
-declare function InputPanel({ children, isScrollable, size }: InputPanelProps): React.ReactElement;
-declare namespace InputPanel {
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        isScrollable: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string>;
-    };
-}
-export default InputPanel;

package/dist/core/InputPanel/index.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-function InputPanel({ children, isScrollable, size }) {
-    return (React.createElement("div", { className: "/*clsx(styles.root, size && styles[`root${ucwords(size)`])*/" }, isScrollable ? React.createElement("div", { className: "/*styles.inner*/" }, children) : children));
-}
-InputPanel.propTypes = {
-    children: PropTypes.node.isRequired,
-    isScrollable: PropTypes.bool,
-    size: PropTypes.oneOf(['sm', 'md', 'lg']),
-};
-export default InputPanel;

package/dist/core/ListItem/index.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { ValueObject } from '../../core/ListItemMetaItem';
-import type { SimpleObject, TransformedObject } from '../../utility/interfaces';
-export interface ListItemObject<T extends SimpleObject = SimpleObject> extends TransformedObject<T> {
-    $shouldPreloadTitle?: boolean;
-    content?: string;
-    meta?: (React.ReactElement | ValueObject | string | null | undefined)[];
-    onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLHeadingElement>;
-    reference?: string;
-    secondary?: {
-        title: string;
-    };
-    title?: string;
-    to?: string;
-}
-declare function ListItem<T extends SimpleObject>({ $actions, $original, $shouldPreloadTitle, content, meta, onClick, reference, secondary, title, to, }: ListItemObject<T>): React.ReactElement;
-declare namespace ListItem {
-    var propTypes: {
-        $original: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-        $actions: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | NonNullable<PropTypes.InferProps<{
-            label: PropTypes.Validator<string>;
-            onClick: PropTypes.Validator<(...args: any[]) => any>;
-        }>>[] | null | undefined>>;
-        $shouldPreloadTitle: PropTypes.Requireable<boolean>;
-        content: PropTypes.Requireable<string>;
-        meta: PropTypes.Requireable<(NonNullable<string | PropTypes.ReactElementLike | PropTypes.InferProps<{
-            to: PropTypes.Validator<string>;
-            label: PropTypes.Validator<string>;
-        }> | null | undefined> | null | undefined)[]>;
-        secondary: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Validator<string>;
-        }>>;
-        title: PropTypes.Requireable<string>;
-        to: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default ListItem;

package/dist/core/ListItem/index.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import ListItemActions from '../../core/ListItemActions';
-import ListItemMetaItem from '../../core/ListItemMetaItem';
-import ListItemTitle from '../../core/ListItemTitle';
-import Panel from '../../core/Panel';
-function ListItem({ $actions, $original, $shouldPreloadTitle, content, meta, onClick, reference, secondary, title, to, }) {
-    return (React.createElement(Panel, null,
-        React.createElement("article", null,
-            title ? (React.createElement("div", { className: "/*styles.inner*/" },
-                React.createElement(ListItemTitle, { isPreload: $shouldPreloadTitle, onClick: onClick, reference: reference, to: to }, title),
-                secondary ? React.createElement("p", { className: "/*styles.title*/" }, secondary.title) : null)) : null,
-            content ? React.createElement("div", { className: "/*styles.content*/" }, content) : null,
-            meta || $actions ? (React.createElement("footer", { className: "/*styles.footer*/" },
-                meta ? (React.createElement("ul", { className: "/*styles.meta*/" }, meta.map((item, index) => (React.createElement(ListItemMetaItem, { key: index, value: item }))))) : null,
-                $actions ? React.createElement(ListItemActions, { actions: $actions, data: $original }) : null)) : null)));
-}
-ListItem.propTypes = {
-    $original: PropTypes.shape({}).isRequired,
-    $actions: PropTypes.oneOfType([
-        PropTypes.arrayOf(PropTypes.shape({
-            label: PropTypes.string.isRequired,
-            onClick: PropTypes.func.isRequired,
-        }).isRequired),
-        PropTypes.func,
-    ]),
-    $shouldPreloadTitle: PropTypes.bool,
-    content: PropTypes.string,
-    meta: PropTypes.arrayOf(PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.shape({
-            to: PropTypes.string.isRequired,
-            label: PropTypes.string.isRequired,
-        }),
-        PropTypes.element,
-    ])),
-    secondary: PropTypes.shape({
-        title: PropTypes.string.isRequired,
-    }),
-    title: PropTypes.string,
-    to: PropTypes.string,
-    onClick: PropTypes.func,
-};
-export default ListItem;

package/dist/core/ListItemAction/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { Action } from '../../utility/interfaces';
-declare function ListItemAction({ isDisabled, label, onClick, variant }: Action): React.ReactElement;
-declare namespace ListItemAction {
-    var propTypes: {
-        label: PropTypes.Validator<string>;
-        onClick: PropTypes.Validator<(...args: any[]) => any>;
-    };
-}
-export default ListItemAction;

package/dist/core/ListItemAction/index.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import useVariant from '../../hooks/useVariant';
-// Import styles from './ListItemAction.module.css';
-function ListItemAction({ isDisabled, label, onClick, variant }) {
-    const { applyVariantClassName } = useVariant(variant);
-    return (React.createElement("button", { className: "clsx(styles.root, applyVariantClassName(styles), {[styles.rootIsDisabled]: isDisabled })", onClick: onClick, type: "button" }, label));
-}
-ListItemAction.propTypes = {
-    label: PropTypes.string.isRequired,
-    onClick: PropTypes.func.isRequired,
-};
-export default ListItemAction;

package/dist/core/ListItemActions/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { Action, ActionFunction } from '../../utility/interfaces';
-interface ListItemActionsProps<T> {
-    actions: Action[] | ActionFunction<T>;
-    data?: T;
-}
-declare function ListItemActions<T>({ actions, data }: ListItemActionsProps<T>): React.ReactElement;
-export default ListItemActions;

package/dist/core/ListItemActions/index.js

@@ -1,16 +0,0 @@
-'use client';
-import React from 'react';
-import { useClickOutside } from '@sqrzro/hooks';
-import ListItemAction from '../../core/ListItemAction';
-function ListItemActions({ actions, data }) {
-    const [isOpen, setIsOpen, node] = useClickOutside();
-    const toggleOpen = () => setIsOpen(!isOpen);
-    const transformed = typeof actions === 'function' ? actions(data) : actions;
-    return (React.createElement("div", { ref: node, className: "/*styles.root*/" },
-        React.createElement("button", { className: "/*styles.control*/", onClick: toggleOpen, type: "button" },
-            isOpen ? 'Close' : 'Open',
-            React.createElement("i", null)),
-        React.createElement("ul", { className: "/*clsx(styles.list, isOpen && styles.listIsOpen)*/" }, transformed.filter(Boolean).map((item) => (React.createElement("li", { key: item.label, className: "/*styles.item*/" },
-            React.createElement(ListItemAction, { ...item })))))));
-}
-export default ListItemActions;