@solidxai/core-ui 0.1.1 → 0.1.2

package/src/components/core/filter/fields/SolidIdField.tsx

@@ -1,46 +0,0 @@
-
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-
-const SolidIdField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    const showFilterOperator = false;
-    const columnDataType = 'text';
-    const filterMatchModeOptions = [
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" }
-    ];
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-
-    return (
-        <div className='flex align-items-start gap-3 w-full'>
-            <Dropdown
-                value={rule.matchMode}
-                onChange={(e: any) => {
-                    onChange(rule.id, 'matchMode', e.value)
-                }}
-                options={filterMatchModeOptions}
-                optionLabel='label'
-                optionValue='value'
-                placeholder="Select Operator"
-                className="w-full p-inputtext-sm"
-            />
-            <div className='flex flex-column gap-2 w-full'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.Numeric}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-
-};
-
-export default SolidIdField;

package/src/components/core/filter/fields/SolidIntField.tsx

@@ -1,61 +0,0 @@
-
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-
-const SolidIntField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    // const filterable = column.attrs.filterable;
-    const filterMatchModeOptions = [
-        { label: 'Equals', value: "$eq" },
-        { label: 'Not Equals', value: "$ne" },
-        { label: 'Less Than', value: "$lt" },
-        { label: 'Less Than Or Equal', value: "$lte" },
-        { label: 'Greater Than', value: "$gt" },
-        { label: 'Greater Than Or Equal', value: "$gte" },
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" },
-        { label: 'Between', value: "$between" },
-        { label: 'Is null', value: "$null" },
-        { label: 'Is Not null', value: "$notNull" }        
-    ];
-
-
-
-    // const header = column.attrs.label ?? fieldMetadata.displayName;
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-    return (
-        <div className='flex flex-column md:flex-row align-items-start gap-2 md:gap-0'>
-            <div className="col-12 md:col-6 px-0 md:pr-2 md:pl-0">
-                <Dropdown
-                    value={rule.matchMode}
-                    onChange={(e: any) => {
-                        // updateEnumValues(index, 'operator', e.value)
-                        onChange(rule.id, 'matchMode', e.value)
-                    }}
-                    options={filterMatchModeOptions}
-                    optionLabel='label'
-                    optionValue='value'
-                    placeholder="Select Operator"
-                    className="p-inputtext-sm w-full "
-                />
-            </div>
-
-            <div className='flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        // updateEnumValues(index, 'value', e)
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.Numeric}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-};
-
-export default SolidIntField;

package/src/components/core/filter/fields/SolidLongTextField.tsx

@@ -1,9 +0,0 @@
-
-import { SolidFilterFieldsParams } from '../SolidFilterFields';
-import SolidShortTextField from './SolidShortTextField';
-
-const SolidLongTextField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    return SolidShortTextField({ fieldMetadata, onChange, index, rule });
-};
-
-export default SolidLongTextField;

package/src/components/core/filter/fields/SolidMediaMultipleField.tsx

@@ -1,60 +0,0 @@
-
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-
-const SolidMediaMultipleField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    // const filterable = column.attrs.filterable;
-    const filterable = false;
-    // const showFilterOperator = false;
-    // const columnDataType = undefined;
-    // const header = column.attrs.label ?? fieldMetadata.displayName;
-    const columnDataType = 'text';
-    const filterMatchModeOptions = [
-        { label: 'Starts With', value: "$startsWithi" },
-        { label: 'Contains', value: "$containsi" },
-        { label: 'Not Contains', value: "$notContains" },
-        { label: 'Ends With', value: "$endsWith" },
-        { label: 'Equals', value: "$eqi" },
-        { label: 'Not Equals', value: "$nei" },
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" },
-        { label: 'Is null', value: "$null" },
-        { label: 'Is Not null', value: "$notNull" }
-
-    ];
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-    return (
-        <div className='flex flex-column md:flex-row align-items-start gap-2 md:gap-0'>
-            <div className="col-12 md:col-6 px-0 md:pr-2 md:pl-0">
-                <Dropdown
-                    value={rule.matchMode}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'matchMode', e.value)
-                    }}
-                    options={filterMatchModeOptions}
-                    optionLabel='label'
-                    optionValue='value'
-                    placeholder="Select Operator"
-                    className="p-inputtext-sm w-full "
-                />
-            </div>
-
-            <div className='flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.Text}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-
-};
-
-export default SolidMediaMultipleField;

package/src/components/core/filter/fields/SolidMediaSingleField.tsx

@@ -1,62 +0,0 @@
-
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-
-const SolidMediaSingleField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    // const filterable = column.attrs.filterable;
-    const filterable = false;
-    // const showFilterOperator = false;
-    // const columnDataType = undefined;
-    const columnDataType = 'text';
-    const filterMatchModeOptions = [
-        { label: 'Starts With', value: "$startsWithi" },
-        { label: 'Contains', value: "$containsi" },
-        { label: 'Not Contains', value: "$notContains" },
-        { label: 'Ends With', value: "$endsWith" },
-        { label: 'Equals', value: "$eqi" },
-        { label: 'Not Equals', value: "$nei" },
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" },
-        { label: 'Is null', value: "$null" },
-        { label: 'Is Not null', value: "$notNull" }
-
-    ];
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-    // const header = column.attrs.label ?? fieldMetadata.displayName;
-
-    return (
-        <div className='flex flex-column md:flex-row align-items-start gap-2 md:gap-0'>
-            <div className="col-12 md:col-6 px-0 md:pr-2 md:pl-0">
-                <Dropdown
-                    value={rule.matchMode}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'matchMode', e.value)
-                    }}
-                    options={filterMatchModeOptions}
-                    optionLabel='label'
-                    optionValue='value'
-                    placeholder="Select Operator"
-                    className="p-inputtext-sm w-full "
-                />
-            </div>
-
-            <div className='flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.Text}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-
-};
-
-export default SolidMediaSingleField;

package/src/components/core/filter/fields/SolidRelationField.tsx

@@ -1,17 +0,0 @@
-
-import { SolidFilterFieldsParams } from '../SolidFilterFields';
-import SolidRelationManyToManyField from './relations/SolidRelationManyToManyField';
-import SolidRelationManyToOneField from './relations/SolidRelationManyToOneField';
-
-const SolidRelationField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    if (fieldMetadata.relationType === 'many-to-one') {
-        return SolidRelationManyToOneField({ fieldMetadata, onChange, index, rule });
-    }
-    if (fieldMetadata.relationType === 'many-to-many') {
-        return SolidRelationManyToManyField({ fieldMetadata, onChange, index, rule });
-    }
-    // TODO: Support one-to-many
-    // TODO: Support many-to-many
-};
-
-export default SolidRelationField;

package/src/components/core/filter/fields/SolidRichTextField.tsx

@@ -1,9 +0,0 @@
-
-import { SolidFilterFieldsParams } from '../SolidFilterFields';
-import SolidShortTextField from './SolidShortTextField';
-
-const SolidRichTextField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    return SolidShortTextField({ fieldMetadata, onChange, index, rule });
-};
-
-export default SolidRichTextField;

package/src/components/core/filter/fields/SolidSelectionDynamicField.tsx

@@ -1,52 +0,0 @@
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-
-const SolidSelectionDynamicField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    const showFilterOperator = false;
-    const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : 'text';
-    const filterMatchModeOptions = [
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" },
-        { label: 'Is null', value: "$null" },
-        { label: 'Is Not null', value: "$notNull" }
-
-    ];
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-
-
-    return (
-        <div className='flex flex-column md:flex-row align-items-start gap-2 md:gap-0'>
-            <div className="col-12 md:col-6 px-0 md:pr-2 md:pl-0">
-                <Dropdown
-                    value={rule.matchMode}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'matchMode', e.value)
-                    }}
-                    options={filterMatchModeOptions}
-                    optionLabel='label'
-                    optionValue='value'
-                    placeholder="Select Operator"
-                    className="p-inputtext-sm w-full"
-                />
-            </div>
-
-            <div className='flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.SelectionDynamic}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-
-};
-
-export default SolidSelectionDynamicField;

package/src/components/core/filter/fields/SolidSelectionStaticField.tsx

@@ -1,54 +0,0 @@
-
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-
-
-const SolidSelectionStaticField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-
-    // const filterable = column.attrs.filterable;
-    const showFilterOperator = false;
-    const columnDataType = fieldMetadata.selectionValueType === 'int' ? 'numeric' : 'text';
-    const filterMatchModeOptions = [
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" },
-        { label: 'Is null', value: "$null" },
-        { label: 'Is Not null', value: "$notNull" }
-
-    ];
-
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-    return (
-        <div className='flex flex-column md:flex-row align-items-start gap-2 md:gap-0'>
-            <div className="col-12 md:col-6 px-0 md:pr-2 md:pl-0">
-                <Dropdown
-                    value={rule.matchMode}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'matchMode', e.value)
-                    }}
-                    options={filterMatchModeOptions}
-                    optionLabel='label'
-                    optionValue='value'
-                    placeholder="Select Operator"
-                    className="p-inputtext-sm w-full"
-                />
-            </div>
-
-            <div className='flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.SelectionStatic}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-};
-
-export default SolidSelectionStaticField;

package/src/components/core/filter/fields/SolidShortTextField.tsx

@@ -1,60 +0,0 @@
-
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-
-const SolidShortTextField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    // const filterable = column.attrs.filterable;
-    const showFilterOperator = false;
-    const columnDataType = 'text';
-    const filterMatchModeOptions = [
-        { label: 'Starts With', value: "$startsWithi" },
-        { label: 'Contains', value: "$containsi" },
-        { label: 'Not Contains', value: "$notContains" },
-        { label: 'Ends With', value: "$endsWith" },
-        { label: 'Equals', value: "$eqi" },
-        { label: 'Not Equals', value: "$nei" },
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" },
-        { label: 'Is null', value: "$null" },
-        { label: 'Is Not null', value: "$notNull" }
-
-    ];
-
-    // const header = column.attrs.label ?? fieldMetadata.displayName;
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-    return (
-        <div className='flex flex-column md:flex-row align-items-start gap-2 md:gap-0'>
-            <div className="col-12 md:col-6 px-0 md:pr-2 md:pl-0">
-                <Dropdown
-                    value={rule.matchMode}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'matchMode', e.value)
-                    }}
-                    options={filterMatchModeOptions}
-                    optionLabel='label'
-                    optionValue='value'
-                    placeholder="Select Operator"
-                    className="p-inputtext-sm w-full"
-                />
-            </div>
-
-            <div className='flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.Text}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-
-};
-
-export default SolidShortTextField;

package/src/components/core/filter/fields/SolidTimeField.tsx

@@ -1,48 +0,0 @@
-
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-import { dateFilterMatchModeOptions } from './SolidDateField';
-
-const SolidTimeField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    // const filterable = column.attrs.filterable;
-    const showFilterOperator = false;
-    const columnDataType = 'date';
-
-    // TODO: the body template to be controlled based on the format that one is expecting the date to be displayed in.
-    // const header = column.attrs.label ?? fieldMetadata.displayName;
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-    return (
-        <div className='flex flex-column md:flex-row align-items-start gap-2 md:gap-0'>
-            <div className="col-12 md:col-6 px-0 md:pr-2 md:pl-0">
-                <Dropdown
-                    value={rule.matchMode}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'matchMode', e.value)
-                    }}
-                    options={dateFilterMatchModeOptions}
-                    optionLabel='label'
-                    optionValue='value'
-                    placeholder="Select Operator"
-                    className="p-inputtext-sm w-full"
-                />
-            </div>
-
-            <div className='flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.Time}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-
-};
-
-export default SolidTimeField;

package/src/components/core/filter/fields/SolidUuidField.tsx

@@ -1,51 +0,0 @@
-
-import { Dropdown } from 'primereact/dropdown';
-import { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';
-import { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';
-
-const SolidUuidField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {
-    const showFilterOperator = false;
-    const columnDataType = 'text';
-    const filterMatchModeOptions = [
-        { label: 'In', value: "$in" },
-        { label: 'Not In', value: "$notIn" },
-        { label: 'Is null', value: "$null" },
-        { label: 'Is Not null', value: "$notNull" }
-
-    ];
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-    return (
-        <div className='flex flex-column md:flex-row align-items-start gap-2 md:gap-0'>
-            <div className="col-12 md:col-6 px-0 md:pr-2 md:pl-0">
-                <Dropdown
-                    value={rule.matchMode}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'matchMode', e.value)
-                    }}
-                    options={filterMatchModeOptions}
-                    optionLabel='label'
-                    optionValue='value'
-                    placeholder="Select Operator"
-                    className="w-full p-inputtext-sm col-12 md:col-6"
-                />
-            </div>
-
-            <div className='flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0'>
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(e: any) => {
-                        onChange(rule.id, 'value', e)
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.Text}
-                    fieldMetadata={fieldMetadata}
-                >
-                </SolidVarInputsFilterElement>
-            </div>
-        </div>
-    );
-
-};
-
-export default SolidUuidField;

package/src/components/core/filter/fields/relations/SolidRelationManyToManyField.tsx

@@ -1,62 +0,0 @@
-
-
-import { SolidFilterFieldsParams, getNumberOfInputs } from '../../../../../components/core/filter/SolidFilterFields';
-import { SolidVarInputsFilterElement, InputTypes } from '../../../../../components/core/filter/SolidVarInputsFilterElement';
-import { Dropdown } from 'primereact/dropdown';
-
-const SolidRelationManyToManyField = ({
-    fieldMetadata,
-    onChange,
-    index,
-    rule,
-}: SolidFilterFieldsParams) => {
-
-    const filterMatchModeOptions = [
-        { label: 'In', value: '$in' },
-        { label: 'Not In', value: '$notIn' }
-        // { label: 'Is Empty', value: '$null' },
-        // { label: 'Is Not Empty', value: '$notNull' },
-    ];
-
-    const noInputOperators = ['$null', '$notNull'];
-    const needsInput = !noInputOperators.includes(rule.matchMode);
-    const numberOfInputs = needsInput ? getNumberOfInputs(rule.matchMode) : 0;
-
-    return (
-        <div className="flex flex-column md:flex-row align-items-start gap-2 md:gap-0">
-            {/* Operator */}
-            <div className="col-12 md:col-6 px-0 md:pr-2 md:pl-0">
-                <Dropdown
-                    value={rule.matchMode}
-                    onChange={(e) => {
-                        onChange(rule.id, 'matchMode', e.value);
-                        // Clear value if switching to no-input operator
-                        if (noInputOperators.includes(e.value)) {
-                            onChange(rule.id, 'value', []);
-                        }
-                    }}
-                    options={filterMatchModeOptions}
-                    optionLabel="label"
-                    optionValue="value"
-                    placeholder="Select Operator"
-                    className="p-inputtext-sm w-full"
-                />
-            </div>
-
-            {/* MultiSelect input */}
-            <div className="flex flex-column gap-2 col-12 md:col-6 px-0 md:pl-2 md:pr-0">
-                <SolidVarInputsFilterElement
-                    values={rule.value}
-                    onChange={(value: any) => {
-                        onChange(index, 'value', value);
-                    }}
-                    numberOfInputs={numberOfInputs}
-                    inputType={InputTypes.RelationManyToMany}
-                    fieldMetadata={fieldMetadata}
-                />
-            </div>
-        </div>
-    );
-};
-
-export default SolidRelationManyToManyField;