@process.co/ui 0.0.8 → 0.0.9

package/dist/components/fields/index.d.cts

@@ -1,2 +1,2 @@
 import 'react';
-export { n as InferConfig, j as InferredTypesContext, I as InferredTypesContextValue, l as InferredTypesProvider, q as Input, r as InputProps, N as NestedFieldProvider, e as NestedFieldProviderProps, O as OPERATORS_BY_TYPE, S as Select, t as SelectOption, s as SelectProps, v as SelectRenderProps, h as TemplateFieldChangeEvent, T as TemplateFieldContextValue, g as TemplateFieldFocusContext, c as TemplateFieldProvider, d as TemplateFieldProviderProps, f as TemplateFieldValidationError, o as getOperatorsForType, m as intersectTypes, p as parseInferSyntax, b as useFieldPath, k as useInferredTypes, a as useIsInTemplateFieldProvider, u as useTemplateFieldContext } from '../../index-yubVl0hX.cjs';
+export { F as FieldValidationRule, o as InferConfig, j as InferredTypesContext, I as InferredTypesContextValue, m as InferredTypesProvider, l as InferredTypesProviderProps, C as Input, D as InputProps, N as NestedFieldProvider, e as NestedFieldProviderProps, s as NodePropertyProvider, r as NodePropertyProviderProps, O as OPERATORS_BY_TYPE, S as Select, G as SelectOption, E as SelectProps, H as SelectRenderProps, h as TemplateFieldChangeEvent, T as TemplateFieldContextValue, g as TemplateFieldFocusContext, c as TemplateFieldProvider, d as TemplateFieldProviderProps, f as TemplateFieldValidationError, q as getOperatorsForType, n as intersectTypes, p as parseInferSyntax, z as useAllInferredTypes, b as useFieldPath, B as useFieldValidation, x as useInferredType, k as useInferredTypes, t as useIsInNodePropertyProvider, a as useIsInTemplateFieldProvider, w as useNodeProperties, v as useNodeProperty, y as useSetInferredType, A as useSetProperty, u as useTemplateFieldContext } from '../../index-nu_JyZnb.cjs';

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

@@ -1,2 +1,2 @@
 import 'react';
-export { n as InferConfig, j as InferredTypesContext, I as InferredTypesContextValue, l as InferredTypesProvider, q as Input, r as InputProps, N as NestedFieldProvider, e as NestedFieldProviderProps, O as OPERATORS_BY_TYPE, S as Select, t as SelectOption, s as SelectProps, v as SelectRenderProps, h as TemplateFieldChangeEvent, T as TemplateFieldContextValue, g as TemplateFieldFocusContext, c as TemplateFieldProvider, d as TemplateFieldProviderProps, f as TemplateFieldValidationError, o as getOperatorsForType, m as intersectTypes, p as parseInferSyntax, b as useFieldPath, k as useInferredTypes, a as useIsInTemplateFieldProvider, u as useTemplateFieldContext } from '../../index-yubVl0hX.js';
+export { F as FieldValidationRule, o as InferConfig, j as InferredTypesContext, I as InferredTypesContextValue, m as InferredTypesProvider, l as InferredTypesProviderProps, C as Input, D as InputProps, N as NestedFieldProvider, e as NestedFieldProviderProps, s as NodePropertyProvider, r as NodePropertyProviderProps, O as OPERATORS_BY_TYPE, S as Select, G as SelectOption, E as SelectProps, H as SelectRenderProps, h as TemplateFieldChangeEvent, T as TemplateFieldContextValue, g as TemplateFieldFocusContext, c as TemplateFieldProvider, d as TemplateFieldProviderProps, f as TemplateFieldValidationError, q as getOperatorsForType, n as intersectTypes, p as parseInferSyntax, z as useAllInferredTypes, b as useFieldPath, B as useFieldValidation, x as useInferredType, k as useInferredTypes, t as useIsInNodePropertyProvider, a as useIsInTemplateFieldProvider, w as useNodeProperties, v as useNodeProperty, y as useSetInferredType, A as useSetProperty, u as useTemplateFieldContext } from '../../index-nu_JyZnb.js';

package/dist/components/fields/index.js

@@ -22,6 +22,20 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -55,6 +69,10 @@ function _non_iterable_rest() {
 function _non_iterable_spread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _object_destructuring_empty(o) {
+    if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
+    return o;
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -70,6 +88,33 @@ function _object_spread(target) {
     }
     return target;
 }
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
@@ -89,7 +134,9 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import * as React3 from 'react';
-import { createContext, useContext } from 'react';
+import React3__default, { createContext, useContext, useCallback } from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
 // src/components/fields/index.tsx
 // ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -4791,7 +4838,89 @@ function Input(param) {
         className: cn("uii:w-full uii:h-9 uii:px-3 uii:rounded-sm uii:border uii:bg-background uii:text-sm", "uii:outline-none uii:transition-all", "focus:uii:border-ring focus:uii:ring-ring/50 focus:uii:ring-[3px]", showError ? "uii:border-red-500 hover:uii:border-red-600" : "uii:border-input hover:uii:border-ring/50", isExpression && "uii:font-mono uii:text-amber-600", disabled && "uii:opacity-50 uii:cursor-not-allowed", editorClassName)
     })));
 }
-function Select(param) {
+function Select(_param) {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    return /* @__PURE__ */ React3.createElement(SelectPrimitive.Root, _object_spread({
+        "data-slot": "select"
+    }, props));
+}
+function SelectValue(_param) {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    return /* @__PURE__ */ React3.createElement(SelectPrimitive.Value, _object_spread({
+        "data-slot": "select-value"
+    }, props));
+}
+function SelectTrigger(_param) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ React3.createElement(SelectPrimitive.Trigger, _object_spread({
+        "data-slot": "select-trigger",
+        className: cn("uii:border-input uii:data-[placeholder]:text-muted-foreground uii:[&_svg:not([class*=text-])]:text-muted-foreground uii:focus-visible:border-ring uii:focus-visible:ring-ring/50 uii:aria-invalid:ring-destructive/20 uii:dark:aria-invalid:ring-destructive/40 uii:aria-invalid:border-destructive uii:flex uii:h-9 uii:w-full uii:items-center uii:justify-between uii:gap-2 uii:rounded-md uii:border uii:bg-transparent uii:px-3 uii:py-2 uii:text-sm uii:whitespace-nowrap uii:shadow-xs uii:transition-[color,box-shadow] uii:outline-none uii:focus-visible:ring-[3px] uii:disabled:cursor-not-allowed uii:disabled:opacity-50 uii:*:data-[slot=select-value]:line-clamp-1 uii:*:data-[slot=select-value]:flex uii:*:data-[slot=select-value]:items-center uii:*:data-[slot=select-value]:gap-2 uii:[&_svg]:pointer-events-none uii:[&_svg]:shrink-0 uii:[&_svg:not([class*=size-])]:size-4", className)
+    }, props), children, /* @__PURE__ */ React3.createElement(SelectPrimitive.Icon, {
+        asChild: true
+    }, /* @__PURE__ */ React3.createElement(ChevronDownIcon, {
+        className: "uii:size-4 uii:opacity-50"
+    })));
+}
+function SelectContent(_param) {
+    var className = _param.className, children = _param.children, _param_position = _param.position, position = _param_position === void 0 ? "popper" : _param_position, footer = _param.footer, _param_hideScrollUpButton = _param.hideScrollUpButton, hideScrollUpButton = _param_hideScrollUpButton === void 0 ? false : _param_hideScrollUpButton, _param_hideScrollDownButton = _param.hideScrollDownButton, hideScrollDownButton = _param_hideScrollDownButton === void 0 ? false : _param_hideScrollDownButton, props = _object_without_properties(_param, [
+        "className",
+        "children",
+        "position",
+        "footer",
+        "hideScrollUpButton",
+        "hideScrollDownButton"
+    ]);
+    return /* @__PURE__ */ React3.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React3.createElement(SelectPrimitive.Content, _object_spread({
+        "data-slot": "select-content",
+        className: cn("uii:bg-popover uii:text-popover-foreground uii:data-[state=open]:animate-in uii:data-[state=closed]:animate-out uii:data-[state=closed]:fade-out-0 uii:data-[state=open]:fade-in-0 uii:data-[state=closed]:zoom-out-95 uii:data-[state=open]:zoom-in-95 uii:data-[side=bottom]:slide-in-from-top-2 uii:data-[side=left]:slide-in-from-right-2 uii:data-[side=right]:slide-in-from-left-2 uii:data-[side=top]:slide-in-from-bottom-2 uii:relative uii:z-50 uii:max-h-96 uii:min-w-[8rem] uii:overflow-hidden uii:rounded-md uii:border uii:shadow-md", position === "popper" && "uii:data-[side=bottom]:translate-y-1 uii:data-[side=left]:-translate-x-1 uii:data-[side=right]:translate-x-1 uii:data-[side=top]:-translate-y-1", "uii:slide-in-from-right-6", className),
+        position: position
+    }, props), !hideScrollUpButton && /* @__PURE__ */ React3.createElement(SelectScrollUpButton, null), /* @__PURE__ */ React3.createElement(SelectPrimitive.Viewport, {
+        className: cn("uii:p-1", position === "popper" && "uii:h-[var(--radix-select-trigger-height)] uii:w-full uii:min-w-[var(--radix-select-trigger-width)] uii:scroll-my-1")
+    }, children), footer ? /* @__PURE__ */ React3.createElement("div", {
+        className: "uii:border-t uii:p-2 uii:bg-popover"
+    }, footer) : null, !hideScrollDownButton && /* @__PURE__ */ React3.createElement(SelectScrollDownButton, null)));
+}
+function SelectItem(_param) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ React3.createElement(SelectPrimitive.Item, _object_spread({
+        "data-slot": "select-item",
+        className: cn("uii:focus:bg-accent uii:focus:text-accent-foreground uii:[&_svg:not([class*=text-])]:text-muted-foreground uii:relative uii:flex uii:w-full uii:cursor-default uii:items-center uii:gap-2 uii:rounded-sm uii:py-1.5 uii:pr-8 uii:pl-2 uii:text-sm uii:outline-hidden uii:select-none uii:data-[disabled]:pointer-events-none uii:data-[disabled]:opacity-50 uii:[&_svg]:pointer-events-none uii:[&_svg]:shrink-0 uii:[&_svg:not([class*=size-])]:size-4 uii:*:[span]:last:flex uii:*:[span]:last:items-center uii:*:[span]:last:gap-2", className)
+    }, props), /* @__PURE__ */ React3.createElement("span", {
+        className: "uii:absolute uii:right-2 uii:flex uii:size-3.5 uii:items-center uii:justify-center"
+    }, /* @__PURE__ */ React3.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React3.createElement(CheckIcon, {
+        className: "uii:size-4"
+    }))), /* @__PURE__ */ React3.createElement(SelectPrimitive.ItemText, null, children));
+}
+function SelectScrollUpButton(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ React3.createElement(SelectPrimitive.ScrollUpButton, _object_spread({
+        "data-slot": "select-scroll-up-button",
+        className: cn("uii:flex uii:cursor-default uii:items-center uii:justify-center uii:py-1", className)
+    }, props), /* @__PURE__ */ React3.createElement(ChevronUpIcon, {
+        className: "uii:size-4"
+    }));
+}
+function SelectScrollDownButton(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ React3.createElement(SelectPrimitive.ScrollDownButton, _object_spread({
+        "data-slot": "select-scroll-down-button",
+        className: cn("uii:flex uii:cursor-default uii:items-center uii:justify-center uii:py-1", className)
+    }, props), /* @__PURE__ */ React3.createElement(ChevronDownIcon, {
+        className: "uii:size-4"
+    }));
+}
+// src/components/fields/Select.tsx
+function Select2(param) {
     var fieldName = param.fieldName, label = param.label, value = param.value, onChange = param.onChange, rawOptions = param.options, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, placeholder = param.placeholder, _param_expectedType = param.expectedType, expectedType = _param_expectedType === void 0 ? "string" : _param_expectedType, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_hasRequiredError = param.hasRequiredError, hasRequiredError = _param_hasRequiredError === void 0 ? false : _param_hasRequiredError, className = param.className, children = param.children;
     var _React3_useState = _sliced_to_array(React3.useState(false), 2), isExpressionMode = _React3_useState[0], setIsExpressionMode = _React3_useState[1];
     var _React3_useState1 = _sliced_to_array(React3.useState(""), 2), expressionValue = _React3_useState1[0], setExpressionValue = _React3_useState1[1];
@@ -4913,26 +5042,52 @@ function Select(param) {
         className: "uii:flex uii:items-center uii:justify-center uii:h-full uii:px-2 uii:text-amber-600 hover:uii:text-red-600 uii:border-l uii:border-amber-500/30",
         title: "Clear and return to value mode"
     }, "\xD7")) : // Value mode - show select
-    /* @__PURE__ */ React3.createElement("select", {
-        id: fieldName,
-        name: fieldName,
+    // <select
+    //   id={fieldName}
+    //   name={fieldName}
+    //   value={displayValue}
+    //   onChange={(e) => handleSelectChange(e.target.value)}
+    //   disabled={disabled}
+    //   className={cn(
+    //     'uii:w-full uii:h-9 uii:px-3 uii:rounded-sm uii:border uii:bg-background uii:text-sm',
+    //     'uii:outline-none uii:transition-all uii:cursor-pointer',
+    //     'focus:uii:border-ring focus:uii:ring-ring/50 focus:uii:ring-[3px]',
+    //     showError
+    //       ? 'uii:border-red-500 hover:uii:border-red-600'
+    //       : 'uii:border-input hover:uii:border-ring/50',
+    //     disabled && 'uii:opacity-50 uii:cursor-not-allowed'
+    //   )}
+    // >
+    //   {placeholder && (
+    //     <option value="" disabled>
+    //       {placeholder}
+    //     </option>
+    //   )}
+    //   {options.map(opt => (
+    //     <option key={opt.value} value={opt.value}>
+    //       {opt.label}
+    //     </option>
+    //   ))}
+    //   <option value="__expression__">
+    //     📝 Custom Expression
+    //   </option>
+    // </select>
+    /* @__PURE__ */ React3.createElement(Select, {
         value: displayValue,
-        onChange: function(e) {
-            return handleSelectChange(e.target.value);
+        onValueChange: function(e) {
+            return handleSelectChange(e);
         },
-        disabled: disabled,
-        className: cn("uii:w-full uii:h-9 uii:px-3 uii:rounded-sm uii:border uii:bg-background uii:text-sm", "uii:outline-none uii:transition-all uii:cursor-pointer", "focus:uii:border-ring focus:uii:ring-ring/50 focus:uii:ring-[3px]", showError ? "uii:border-red-500 hover:uii:border-red-600" : "uii:border-input hover:uii:border-ring/50", disabled && "uii:opacity-50 uii:cursor-not-allowed")
-    }, placeholder && /* @__PURE__ */ React3.createElement("option", {
-        value: "",
-        disabled: true
-    }, placeholder), options.map(function(opt) {
-        return /* @__PURE__ */ React3.createElement("option", {
+        disabled: disabled !== null && disabled !== void 0 ? disabled : disabled
+    }, /* @__PURE__ */ React3.createElement(SelectTrigger, {
+        className: "ui:w-full ui:h-9 ui:px-3 ui:border ui:border-input ui:rounded-sm ui:bg-background"
+    }, /* @__PURE__ */ React3.createElement(SelectValue, {
+        placeholder: placeholder
+    })), /* @__PURE__ */ React3.createElement(SelectContent, null, options.map(function(opt) {
+        return /* @__PURE__ */ React3.createElement(SelectItem, {
             key: opt.value,
             value: opt.value
-        }, opt.label);
-    }), /* @__PURE__ */ React3.createElement("option", {
-        value: "__expression__"
-    }, "\uD83D\uDCDD Custom Expression"))));
+        }, opt.node ? opt.node : /* @__PURE__ */ React3.createElement(React3.Fragment, null, opt.label));
+    })))));
 }
 // src/components/fields/index.tsx
 function useTemplateFieldContext() {
@@ -4961,11 +5116,11 @@ function useFieldPath(fieldName) {
 }
 function TemplateFieldProvider(param) {
     var children = param.children;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return /* @__PURE__ */ React3__default.createElement(React3__default.Fragment, null, children);
 }
 function NestedFieldProvider(param) {
     var children = param.children;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return /* @__PURE__ */ React3__default.createElement(React3__default.Fragment, null, children);
 }
 var InferredTypesContext = createContext(null);
 function useInferredTypes() {
@@ -4973,7 +5128,7 @@ function useInferredTypes() {
 }
 function InferredTypesProvider(param) {
     var children = param.children;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return /* @__PURE__ */ React3__default.createElement(React3__default.Fragment, null, children);
 }
 function intersectTypes(types) {
     var validTypes = types.filter(function(t) {
@@ -5094,5 +5249,76 @@ function getOperatorsForType(type) {
         }
     ];
 }
-export { InferredTypesContext, InferredTypesProvider, Input, NestedFieldProvider, OPERATORS_BY_TYPE, Select, TemplateFieldProvider, getOperatorsForType, intersectTypes, parseInferSyntax, useFieldPath, useInferredTypes, useIsInTemplateFieldProvider, useTemplateFieldContext }; //# sourceMappingURL=index.js.map
+function NodePropertyProvider(param) {
+    var children = param.children;
+    return /* @__PURE__ */ React3__default.createElement(React3__default.Fragment, null, children);
+}
+function useIsInNodePropertyProvider() {
+    return false;
+}
+function useNodeProperty(key) {
+    var noopSetter = useCallback(function() {
+        console.warn('[useNodeProperty] Mock mode - cannot set "'.concat(key, '"'));
+    }, [
+        key
+    ]);
+    return [
+        void 0,
+        noopSetter
+    ];
+}
+function useNodeProperties() {
+    var noopSetter = useCallback(function() {
+        console.warn("[useNodeProperties] Mock mode - cannot set properties");
+    }, []);
+    return [
+        {},
+        noopSetter
+    ];
+}
+function useInferredType(fieldName) {
+    return void 0;
+}
+function useSetInferredType() {
+    return useCallback(function(fieldName, type) {
+        console.warn('[useSetInferredType] Mock mode - cannot set "'.concat(fieldName, '" to "').concat(type, '"'));
+    }, []);
+}
+function useAllInferredTypes() {
+    return {};
+}
+function useSetProperty() {
+    return useCallback(function(key, value) {
+        console.warn('[useSetProperty] Mock mode - cannot set "'.concat(key, '"'));
+    }, []);
+}
+function useFieldValidation() {
+    var setFieldRequired = useCallback(function(fieldName, required) {
+        console.warn('[useFieldValidation] Mock mode - cannot set required for "'.concat(fieldName, '"'));
+    }, []);
+    var setFieldRequiredIf = useCallback(function(fieldName, requiredIf) {
+        console.warn('[useFieldValidation] Mock mode - cannot set requiredIf for "'.concat(fieldName, '"'));
+    }, []);
+    var setFieldValidation = useCallback(function(fieldName, customValidation) {
+        console.warn('[useFieldValidation] Mock mode - cannot set validation for "'.concat(fieldName, '"'));
+    }, []);
+    var clearFieldValidation = useCallback(function(fieldName) {
+        console.warn('[useFieldValidation] Mock mode - cannot clear validation for "'.concat(fieldName, '"'));
+    }, []);
+    var isFieldRequired = useCallback(function(fieldName) {
+        return false;
+    }, []);
+    var validateField = useCallback(function(fieldName) {
+        return null;
+    }, []);
+    return {
+        setFieldRequired: setFieldRequired,
+        setFieldRequiredIf: setFieldRequiredIf,
+        setFieldValidation: setFieldValidation,
+        clearFieldValidation: clearFieldValidation,
+        isFieldRequired: isFieldRequired,
+        validateField: validateField
+    };
+}
+export { InferredTypesContext, InferredTypesProvider, Input, NestedFieldProvider, NodePropertyProvider, OPERATORS_BY_TYPE, Select2 as Select, TemplateFieldProvider, getOperatorsForType, intersectTypes, parseInferSyntax, useAllInferredTypes, useFieldPath, useFieldValidation, useInferredType, useInferredTypes, useIsInNodePropertyProvider, useIsInTemplateFieldProvider, useNodeProperties, useNodeProperty, useSetInferredType, useSetProperty, useTemplateFieldContext }; //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map