@sqrzro/admin 2.0.0-beta.0 → 2.0.0

package/dist/core/CalendarWeek/index.js

@@ -1,46 +1,46 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import CalendarDay from '../CalendarDay';
-const isDisabled = (item, disabledDates) => {
-    if (typeof item === 'number' || !disabledDates) {
-        return false;
-    }
-    if (typeof disabledDates === 'function') {
-        return disabledDates(item.date);
-    }
-    return disabledDates.includes(item.date);
-};
-const isSelected = (item, pendingValue, value) => {
-    if (typeof item === 'number') {
-        return false;
-    }
-    return (pendingValue || value || '').split(',').includes(item.date);
-};
-const isHighlighted = (item, pendingValue, value) => {
-    if (typeof item === 'number') {
-        return false;
-    }
-    const [lower, upper] = (pendingValue || value || '').split(',');
-    return item.date > lower && item.date < upper;
-};
-function CalendarWeek({ data, disabledDates, name, onClick, pendingValue, value, }) {
-    return (React.createElement("tr", null, data.map((item, index) => (React.createElement(CalendarDay, { key: typeof item === 'number' ? index : item.date, data: item, isDisabled: isDisabled(item, disabledDates), isHighlighted: isHighlighted(item, pendingValue, value), isSelected: isSelected(item, pendingValue, value), name: name, onClick: onClick })))));
-}
-CalendarWeek.propTypes = {
-    data: PropTypes.arrayOf(PropTypes.oneOfType([
-        PropTypes.number.isRequired,
-        PropTypes.shape({
-            date: PropTypes.string.isRequired,
-            label: PropTypes.number.isRequired,
-        }).isRequired,
-    ]).isRequired).isRequired,
-    name: PropTypes.string.isRequired,
-    pendingValue: PropTypes.string.isRequired,
-    disabledDates: PropTypes.oneOfType([
-        PropTypes.arrayOf(PropTypes.string.isRequired),
-        PropTypes.func,
-    ]),
-    value: PropTypes.string,
-    onClick: PropTypes.func,
-};
-export default CalendarWeek;
+import React from 'react';
+import PropTypes from 'prop-types';
+import CalendarDay from '../../core/CalendarDay';
+const isDisabled = (item, disabledDates) => {
+    if (typeof item === 'number' || !disabledDates) {
+        return false;
+    }
+    if (typeof disabledDates === 'function') {
+        return disabledDates(item.date);
+    }
+    return disabledDates.includes(item.date);
+};
+const isSelected = (item, pendingValue, value) => {
+    if (typeof item === 'number') {
+        return false;
+    }
+    return (pendingValue || value || '').split(',').includes(item.date);
+};
+const isHighlighted = (item, pendingValue, value) => {
+    if (typeof item === 'number') {
+        return false;
+    }
+    const [lower, upper] = (pendingValue || value || '').split(',');
+    return item.date > lower && item.date < upper;
+};
+function CalendarWeek({ data, disabledDates, name, onClick, pendingValue, value, }) {
+    return (React.createElement("tr", null, data.map((item, index) => (React.createElement(CalendarDay, { key: typeof item === 'number' ? index : item.date, data: item, isDisabled: isDisabled(item, disabledDates), isHighlighted: isHighlighted(item, pendingValue, value), isSelected: isSelected(item, pendingValue, value), name: name, onClick: onClick })))));
+}
+CalendarWeek.propTypes = {
+    data: PropTypes.arrayOf(PropTypes.oneOfType([
+        PropTypes.number.isRequired,
+        PropTypes.shape({
+            date: PropTypes.string.isRequired,
+            label: PropTypes.number.isRequired,
+        }).isRequired,
+    ]).isRequired).isRequired,
+    name: PropTypes.string.isRequired,
+    pendingValue: PropTypes.string.isRequired,
+    disabledDates: PropTypes.oneOfType([
+        PropTypes.arrayOf(PropTypes.string.isRequired),
+        PropTypes.func,
+    ]),
+    value: PropTypes.string,
+    onClick: PropTypes.func,
+};
+export default CalendarWeek;

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

@@ -1,26 +1,26 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { InputProps } from '../../utility/interfaces';
-interface ChkRadProps extends InputProps<string> {
-    isChecked?: boolean;
-    label: React.ReactElement | string;
-    type?: 'checkbox' | 'radio';
-}
-/**
- * Either a checkbox or a radio button. The onChange event will return a string of the value of
- * the checked item.
- */
-declare function ChkRad({ id, isDisabled, name, label, isChecked, onChange, type, value, }: ChkRadProps): React.ReactElement;
-declare namespace ChkRad {
-    var propTypes: {
-        label: PropTypes.Validator<NonNullable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>>;
-        name: PropTypes.Validator<string>;
-        id: PropTypes.Requireable<string>;
-        isChecked: PropTypes.Requireable<boolean>;
-        isDisabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default ChkRad;
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { InputProps } from '../../utility/interfaces';
+interface ChkRadProps extends InputProps<string> {
+    isChecked?: boolean;
+    label: React.ReactElement | string;
+    type?: 'checkbox' | 'radio';
+}
+/**
+ * Either a checkbox or a radio button. The onChange event will return a string of the value of
+ * the checked item.
+ */
+declare function ChkRad({ id, isDisabled, name, label, isChecked, onChange, type, value, }: ChkRadProps): React.ReactElement;
+declare namespace ChkRad {
+    var propTypes: {
+        label: PropTypes.Validator<NonNullable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>>;
+        name: PropTypes.Validator<string>;
+        id: PropTypes.Requireable<string>;
+        isChecked: PropTypes.Requireable<boolean>;
+        isDisabled: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<string>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default ChkRad;

package/dist/core/ChkRad/index.js

@@ -1,33 +1,33 @@
-'use client';
-import React, { useRef } from 'react';
-import PropTypes from 'prop-types';
-import ChkRadIcon from '../ChkRadIcon';
-/**
- * Either a checkbox or a radio button. The onChange event will return a string of the value of
- * the checked item.
- */
-function ChkRad({ id, isDisabled, name, label, isChecked, onChange, type, value, }) {
-    const ref = useRef(null);
-    const handleChange = (event) => {
-        if (onChange) {
-            const item = { id: event.target.value, name: String(label) };
-            const target = { name, value: event.target.value };
-            onChange({ item, target });
-        }
-    };
-    return (React.createElement("label", { className: "/*clsx(styles.root, isDisabled && styles.rootIsDisabled)*/", "data-testid": "chkrad-root" },
-        React.createElement("input", { checked: Boolean(isChecked), className: "/*styles.input*/", disabled: isDisabled, id: id || name, name: name, onChange: handleChange, type: type || 'checkbox', value: value }),
-        React.createElement(ChkRadIcon, { type: type }),
-        React.createElement("div", { ref: ref, className: "/*styles.label*/" }, label)));
-}
-ChkRad.propTypes = {
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
-    name: PropTypes.string.isRequired,
-    id: PropTypes.string,
-    isChecked: PropTypes.bool,
-    isDisabled: PropTypes.bool,
-    type: PropTypes.oneOf(['checkbox', 'radio']),
-    value: PropTypes.string,
-    onChange: PropTypes.func,
-};
-export default ChkRad;
+'use client';
+import React, { useRef } from 'react';
+import PropTypes from 'prop-types';
+import ChkRadIcon from '../../core/ChkRadIcon';
+/**
+ * Either a checkbox or a radio button. The onChange event will return a string of the value of
+ * the checked item.
+ */
+function ChkRad({ id, isDisabled, name, label, isChecked, onChange, type, value, }) {
+    const ref = useRef(null);
+    const handleChange = (event) => {
+        if (onChange) {
+            const item = { id: event.target.value, name: String(label) };
+            const target = { name, value: event.target.value };
+            onChange({ item, target });
+        }
+    };
+    return (React.createElement("label", { className: "/*clsx(styles.root, isDisabled && styles.rootIsDisabled)*/", "data-testid": "chkrad-root" },
+        React.createElement("input", { checked: Boolean(isChecked), className: "/*styles.input*/", disabled: isDisabled, id: id || name, name: name, onChange: handleChange, type: type || 'checkbox', value: value }),
+        React.createElement(ChkRadIcon, { type: type }),
+        React.createElement("div", { ref: ref, className: "/*styles.label*/" }, label)));
+}
+ChkRad.propTypes = {
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
+    name: PropTypes.string.isRequired,
+    id: PropTypes.string,
+    isChecked: PropTypes.bool,
+    isDisabled: PropTypes.bool,
+    type: PropTypes.oneOf(['checkbox', 'radio']),
+    value: PropTypes.string,
+    onChange: PropTypes.func,
+};
+export default ChkRad;

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

@@ -1,14 +1,14 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface ChkRadIconProps {
-    isChecked?: boolean;
-    type?: 'checkbox' | 'radio';
-}
-declare function ChkRadIcon({ isChecked, type }: ChkRadIconProps): React.ReactElement;
-declare namespace ChkRadIcon {
-    var propTypes: {
-        isChecked: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-    };
-}
-export default ChkRadIcon;
+import React from 'react';
+import PropTypes from 'prop-types';
+interface ChkRadIconProps {
+    isChecked?: boolean;
+    type?: 'checkbox' | 'radio';
+}
+declare function ChkRadIcon({ isChecked, type }: ChkRadIconProps): React.ReactElement;
+declare namespace ChkRadIcon {
+    var propTypes: {
+        isChecked: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+    };
+}
+export default ChkRadIcon;

package/dist/core/ChkRadIcon/index.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Icon from '../Icon';
-function ChkRadIcon({ isChecked, type = 'checkbox' }) {
-    return (React.createElement("i", { className: "clsx(styles.root,styles[`root${ucwords(type)}`],isChecked && styles.rootIsChecked)" },
-        React.createElement(Icon, { icon: "check" })));
-}
-ChkRadIcon.propTypes = {
-    isChecked: PropTypes.bool,
-    type: PropTypes.oneOf(['checkbox', 'radio']),
-};
-export default ChkRadIcon;
+import React from 'react';
+import PropTypes from 'prop-types';
+import Icon from '../../core/Icon';
+function ChkRadIcon({ isChecked, type = 'checkbox' }) {
+    return (React.createElement("i", { className: "clsx(styles.root,styles[`root${ucwords(type)}`],isChecked && styles.rootIsChecked)" },
+        React.createElement(Icon, { icon: "check" })));
+}
+ChkRadIcon.propTypes = {
+    isChecked: PropTypes.bool,
+    type: PropTypes.oneOf(['checkbox', 'radio']),
+};
+export default ChkRadIcon;

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

@@ -1,32 +1,32 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { InputProps } from '../../utility/interfaces';
-export interface ChkRadDataItem {
-    isDisabled?: boolean;
-    label: string;
-    value: string;
-}
-interface ChkRadListProps extends InputProps<string[] | string, string> {
-    columns?: number;
-    data: ChkRadDataItem[];
-    type?: 'checkbox' | 'radio';
-}
-/**
- * A list of either checkboxes or radio buttons. The onChange event will return a string - the
- * value of the last item that was checked/unchecked.
- */
-declare function ChkRadList({ columns, data, isDisabled, name, onChange, type, value, }: ChkRadListProps): React.ReactElement;
-declare namespace ChkRadList {
-    var propTypes: {
-        data: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            label: PropTypes.Validator<string>;
-            value: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
-        }>>[]>;
-        name: PropTypes.Validator<string>;
-        isDisabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<NonNullable<string | number | NonNullable<NonNullable<string | number | null | undefined>>[] | null | undefined>>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default ChkRadList;
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { InputProps } from '../../utility/interfaces';
+export interface ChkRadDataItem {
+    isDisabled?: boolean;
+    label: string;
+    value: string;
+}
+interface ChkRadListProps extends InputProps<string[] | string, string> {
+    columns?: number;
+    data: ChkRadDataItem[];
+    type?: 'checkbox' | 'radio';
+}
+/**
+ * A list of either checkboxes or radio buttons. The onChange event will return a string - the
+ * value of the last item that was checked/unchecked.
+ */
+declare function ChkRadList({ columns, data, isDisabled, name, onChange, type, value, }: ChkRadListProps): React.ReactElement;
+declare namespace ChkRadList {
+    var propTypes: {
+        data: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            label: PropTypes.Validator<string>;
+            value: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
+        }>>[]>;
+        name: PropTypes.Validator<string>;
+        isDisabled: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<NonNullable<string | number | NonNullable<NonNullable<string | number | null | undefined>>[] | null | undefined>>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default ChkRadList;

package/dist/core/ChkRadList/index.js

@@ -1,37 +1,37 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import ChkRad from '../ChkRad';
-const DEFAULT_COLUMNS = 4;
-const getIsChecked = (itemValue, fieldValue) => {
-    if (!fieldValue) {
-        return false;
-    }
-    if (Array.isArray(fieldValue)) {
-        return fieldValue.includes(itemValue);
-    }
-    return fieldValue === itemValue;
-};
-/**
- * A list of either checkboxes or radio buttons. The onChange event will return a string - the
- * value of the last item that was checked/unchecked.
- */
-function ChkRadList({ columns = DEFAULT_COLUMNS, data, isDisabled, name, onChange, type, value, }) {
-    return (React.createElement("ul", { className: "/*clsx(styles.root, styles[`root${columns.toString()`])*/" }, data.map((item) => (React.createElement("li", { key: item.value },
-        React.createElement(ChkRad, { id: `${name}_${item.value}`, isChecked: getIsChecked(item.value, value), isDisabled: item.isDisabled || isDisabled, label: item.label, name: name, onChange: onChange, type: type, value: item.value }))))));
-}
-ChkRadList.propTypes = {
-    data: PropTypes.arrayOf(PropTypes.shape({
-        label: PropTypes.string.isRequired,
-        value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-    }).isRequired).isRequired,
-    name: PropTypes.string.isRequired,
-    isDisabled: PropTypes.bool,
-    type: PropTypes.oneOf(['checkbox', 'radio']),
-    value: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.number,
-        PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired),
-    ]),
-    onChange: PropTypes.func,
-};
-export default ChkRadList;
+import React from 'react';
+import PropTypes from 'prop-types';
+import ChkRad from '../../core/ChkRad';
+const DEFAULT_COLUMNS = 4;
+const getIsChecked = (itemValue, fieldValue) => {
+    if (!fieldValue) {
+        return false;
+    }
+    if (Array.isArray(fieldValue)) {
+        return fieldValue.includes(itemValue);
+    }
+    return fieldValue === itemValue;
+};
+/**
+ * A list of either checkboxes or radio buttons. The onChange event will return a string - the
+ * value of the last item that was checked/unchecked.
+ */
+function ChkRadList({ columns = DEFAULT_COLUMNS, data, isDisabled, name, onChange, type, value, }) {
+    return (React.createElement("ul", { className: "/*clsx(styles.root, styles[`root${columns.toString()`])*/" }, data.map((item) => (React.createElement("li", { key: item.value },
+        React.createElement(ChkRad, { id: `${name}_${item.value}`, isChecked: getIsChecked(item.value, value), isDisabled: item.isDisabled || isDisabled, label: item.label, name: name, onChange: onChange, type: type, value: item.value }))))));
+}
+ChkRadList.propTypes = {
+    data: PropTypes.arrayOf(PropTypes.shape({
+        label: PropTypes.string.isRequired,
+        value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+    }).isRequired).isRequired,
+    name: PropTypes.string.isRequired,
+    isDisabled: PropTypes.bool,
+    type: PropTypes.oneOf(['checkbox', 'radio']),
+    value: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.number,
+        PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired),
+    ]),
+    onChange: PropTypes.func,
+};
+export default ChkRadList;

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

@@ -1,17 +1,17 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface CloseButtonProps {
-    label?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    size?: 'sm' | 'md' | 'lg';
-    type?: 'button' | 'submit';
-}
-declare function CloseButton({ label, onClick, size, type, }: CloseButtonProps): React.ReactElement;
-declare namespace CloseButton {
-    var propTypes: {
-        size: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default CloseButton;
+import React from 'react';
+import PropTypes from 'prop-types';
+interface CloseButtonProps {
+    label?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    size?: 'sm' | 'md' | 'lg';
+    type?: 'button' | 'submit';
+}
+declare function CloseButton({ label, onClick, size, type, }: CloseButtonProps): React.ReactElement;
+declare namespace CloseButton {
+    var propTypes: {
+        size: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default CloseButton;

package/dist/core/CloseButton/index.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import IconButton from '../IconButton';
-function CloseButton({ label = 'Close', onClick, size, type, }) {
-    return (React.createElement(IconButton, { icon: "x", onClick: onClick, size: size, type: type }, label));
-}
-CloseButton.propTypes = {
-    size: PropTypes.oneOf(['sm', 'md', 'lg']),
-    type: PropTypes.oneOf(['button', 'submit']),
-    onClick: PropTypes.func,
-};
-export default CloseButton;
+import React from 'react';
+import PropTypes from 'prop-types';
+import IconButton from '../../core/IconButton';
+function CloseButton({ label = 'Close', onClick, size, type, }) {
+    return (React.createElement(IconButton, { icon: "x", onClick: onClick, size: size, type: type }, label));
+}
+CloseButton.propTypes = {
+    size: PropTypes.oneOf(['sm', 'md', 'lg']),
+    type: PropTypes.oneOf(['button', 'submit']),
+    onClick: PropTypes.func,
+};
+export default CloseButton;

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

@@ -1,3 +1,3 @@
-import React from 'react';
-declare function ConfirmModal(): React.ReactElement;
-export default ConfirmModal;
+import React from 'react';
+declare function ConfirmModal(): React.ReactElement;
+export default ConfirmModal;

package/dist/core/ConfirmModal/index.js

@@ -1,38 +1,38 @@
-'use client';
-import React, { useEffect, useState } from 'react';
-import { EventService } from '@sqrzro/utility';
-import ContentBlock from '../../components/ContentBlock';
-import ModalActions from '../../components/ModalActions';
-import ModalComponent from '../ModalComponent';
-import useModal from '../../hooks/useModal';
-function ConfirmModal() {
-    const [data, setData] = useState(null);
-    const { closeModal, modalProps, openModal } = useModal();
-    const handleConfirm = () => {
-        /*
-         * `data` can be null, so the optional check (?.) is required for typescript.
-         * However, the modal can't be open without data, so this can be ignored by test coverage.
-         */
-        /* istanbul ignore next */
-        if (data?.onConfirm) {
-            data.onConfirm();
-        }
-        closeModal();
-    };
-    const handleData = (_key, responseData) => {
-        setData(responseData);
-        if (responseData) {
-            openModal();
-        }
-    };
-    useEffect(() => {
-        const sub = EventService.subscribe('@confirm/send', handleData);
-        return () => {
-            EventService.unsubscribe(sub);
-        };
-    }, []);
-    return (React.createElement(ModalComponent, { ...modalProps, title: "Are You Sure?", variant: "danger" },
-        data?.description ? React.createElement(ContentBlock, null, data.description) : null,
-        React.createElement(ModalActions, { label: data?.label || 'Confirm', onClick: handleConfirm, variant: "danger" })));
-}
-export default ConfirmModal;
+'use client';
+import React, { useEffect, useState } from 'react';
+import { EventService } from '@sqrzro/utility';
+import ContentBlock from '../../components/ContentBlock';
+import ModalActions from '../../components/ModalActions';
+import ModalComponent from '../../core/ModalComponent';
+import useModal from '../../hooks/useModal';
+function ConfirmModal() {
+    const [data, setData] = useState(null);
+    const { closeModal, modalProps, openModal } = useModal();
+    const handleConfirm = () => {
+        /*
+         * `data` can be null, so the optional check (?.) is required for typescript.
+         * However, the modal can't be open without data, so this can be ignored by test coverage.
+         */
+        /* istanbul ignore next */
+        if (data?.onConfirm) {
+            data.onConfirm();
+        }
+        closeModal();
+    };
+    const handleData = (_key, responseData) => {
+        setData(responseData);
+        if (responseData) {
+            openModal();
+        }
+    };
+    useEffect(() => {
+        const sub = EventService.subscribe('@confirm/send', handleData);
+        return () => {
+            EventService.unsubscribe(sub);
+        };
+    }, []);
+    return (React.createElement(ModalComponent, { ...modalProps, title: "Are You Sure?", variant: "danger" },
+        data?.description ? React.createElement(ContentBlock, null, data.description) : null,
+        React.createElement(ModalActions, { label: data?.label || 'Confirm', onClick: handleConfirm, variant: "danger" })));
+}
+export default ConfirmModal;