@process.co/ui 0.0.7 → 0.0.9

package/dist/components/fields/index.cjs

@@ -23,6 +23,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);
 }
@@ -56,6 +70,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] : {};
@@ -71,6 +89,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();
 }
@@ -90,6 +135,8 @@ 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);
 }
 var React3 = require('react');
+var SelectPrimitive = require('@radix-ui/react-select');
+var lucideReact = require('lucide-react');
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
     var n = Object.create(null);
@@ -110,6 +157,7 @@ function _interopNamespace(e) {
     return Object.freeze(n);
 }
 var React3__namespace = /*#__PURE__*/ _interopNamespace(React3);
+var SelectPrimitive__namespace = /*#__PURE__*/ _interopNamespace(SelectPrimitive);
 // src/components/fields/index.tsx
 // ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -4811,7 +4859,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__namespace.createElement(SelectPrimitive__namespace.Root, _object_spread({
+        "data-slot": "select"
+    }, props));
+}
+function SelectValue(_param) {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    return /* @__PURE__ */ React3__namespace.createElement(SelectPrimitive__namespace.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__namespace.createElement(SelectPrimitive__namespace.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__namespace.createElement(SelectPrimitive__namespace.Icon, {
+        asChild: true
+    }, /* @__PURE__ */ React3__namespace.createElement(lucideReact.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__namespace.createElement(SelectPrimitive__namespace.Portal, null, /* @__PURE__ */ React3__namespace.createElement(SelectPrimitive__namespace.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__namespace.createElement(SelectScrollUpButton, null), /* @__PURE__ */ React3__namespace.createElement(SelectPrimitive__namespace.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__namespace.createElement("div", {
+        className: "uii:border-t uii:p-2 uii:bg-popover"
+    }, footer) : null, !hideScrollDownButton && /* @__PURE__ */ React3__namespace.createElement(SelectScrollDownButton, null)));
+}
+function SelectItem(_param) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ React3__namespace.createElement(SelectPrimitive__namespace.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__namespace.createElement("span", {
+        className: "uii:absolute uii:right-2 uii:flex uii:size-3.5 uii:items-center uii:justify-center"
+    }, /* @__PURE__ */ React3__namespace.createElement(SelectPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React3__namespace.createElement(lucideReact.CheckIcon, {
+        className: "uii:size-4"
+    }))), /* @__PURE__ */ React3__namespace.createElement(SelectPrimitive__namespace.ItemText, null, children));
+}
+function SelectScrollUpButton(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ React3__namespace.createElement(SelectPrimitive__namespace.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__namespace.createElement(lucideReact.ChevronUpIcon, {
+        className: "uii:size-4"
+    }));
+}
+function SelectScrollDownButton(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ React3__namespace.createElement(SelectPrimitive__namespace.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__namespace.createElement(lucideReact.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__namespace_useState = _sliced_to_array(React3__namespace.useState(false), 2), isExpressionMode = _React3__namespace_useState[0], setIsExpressionMode = _React3__namespace_useState[1];
     var _React3__namespace_useState1 = _sliced_to_array(React3__namespace.useState(""), 2), expressionValue = _React3__namespace_useState1[0], setExpressionValue = _React3__namespace_useState1[1];
@@ -4933,26 +5063,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__namespace.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__namespace.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__namespace.createElement("option", {
-        value: "",
-        disabled: true
-    }, placeholder), options.map(function(opt) {
-        return /* @__PURE__ */ React3__namespace.createElement("option", {
+        disabled: disabled !== null && disabled !== void 0 ? disabled : disabled
+    }, /* @__PURE__ */ React3__namespace.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__namespace.createElement(SelectValue, {
+        placeholder: placeholder
+    })), /* @__PURE__ */ React3__namespace.createElement(SelectContent, null, options.map(function(opt) {
+        return /* @__PURE__ */ React3__namespace.createElement(SelectItem, {
             key: opt.value,
             value: opt.value
-        }, opt.label);
-    }), /* @__PURE__ */ React3__namespace.createElement("option", {
-        value: "__expression__"
-    }, "\uD83D\uDCDD Custom Expression"))));
+        }, opt.node ? opt.node : /* @__PURE__ */ React3__namespace.createElement(React3__namespace.Fragment, null, opt.label));
+    })))));
 }
 // src/components/fields/index.tsx
 function useTemplateFieldContext() {
@@ -4981,16 +5137,28 @@ function useFieldPath(fieldName) {
 }
 function TemplateFieldProvider(param) {
     var children = param.children;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return /* @__PURE__ */ React3__namespace.default.createElement(React3__namespace.default.Fragment, null, children);
 }
 function NestedFieldProvider(param) {
     var children = param.children;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return /* @__PURE__ */ React3__namespace.default.createElement(React3__namespace.default.Fragment, null, children);
 }
 var InferredTypesContext = React3.createContext(null);
 function useInferredTypes() {
     return React3.useContext(InferredTypesContext);
 }
+function InferredTypesProvider(param) {
+    var children = param.children;
+    return /* @__PURE__ */ React3__namespace.default.createElement(React3__namespace.default.Fragment, null, children);
+}
+function intersectTypes(types) {
+    var validTypes = types.filter(function(t) {
+        return !!t && t.length > 0;
+    });
+    if (validTypes.length === 0) return "any";
+    if (validTypes.length === 1) return validTypes[0];
+    return validTypes[0];
+}
 function parseInferSyntax(expectedType) {
     var _match_;
     if (!expectedType || !expectedType.startsWith("$infer<")) {
@@ -5102,16 +5270,98 @@ function getOperatorsForType(type) {
         }
     ];
 }
+function NodePropertyProvider(param) {
+    var children = param.children;
+    return /* @__PURE__ */ React3__namespace.default.createElement(React3__namespace.default.Fragment, null, children);
+}
+function useIsInNodePropertyProvider() {
+    return false;
+}
+function useNodeProperty(key) {
+    var noopSetter = React3.useCallback(function() {
+        console.warn('[useNodeProperty] Mock mode - cannot set "'.concat(key, '"'));
+    }, [
+        key
+    ]);
+    return [
+        void 0,
+        noopSetter
+    ];
+}
+function useNodeProperties() {
+    var noopSetter = React3.useCallback(function() {
+        console.warn("[useNodeProperties] Mock mode - cannot set properties");
+    }, []);
+    return [
+        {},
+        noopSetter
+    ];
+}
+function useInferredType(fieldName) {
+    return void 0;
+}
+function useSetInferredType() {
+    return React3.useCallback(function(fieldName, type) {
+        console.warn('[useSetInferredType] Mock mode - cannot set "'.concat(fieldName, '" to "').concat(type, '"'));
+    }, []);
+}
+function useAllInferredTypes() {
+    return {};
+}
+function useSetProperty() {
+    return React3.useCallback(function(key, value) {
+        console.warn('[useSetProperty] Mock mode - cannot set "'.concat(key, '"'));
+    }, []);
+}
+function useFieldValidation() {
+    var setFieldRequired = React3.useCallback(function(fieldName, required) {
+        console.warn('[useFieldValidation] Mock mode - cannot set required for "'.concat(fieldName, '"'));
+    }, []);
+    var setFieldRequiredIf = React3.useCallback(function(fieldName, requiredIf) {
+        console.warn('[useFieldValidation] Mock mode - cannot set requiredIf for "'.concat(fieldName, '"'));
+    }, []);
+    var setFieldValidation = React3.useCallback(function(fieldName, customValidation) {
+        console.warn('[useFieldValidation] Mock mode - cannot set validation for "'.concat(fieldName, '"'));
+    }, []);
+    var clearFieldValidation = React3.useCallback(function(fieldName) {
+        console.warn('[useFieldValidation] Mock mode - cannot clear validation for "'.concat(fieldName, '"'));
+    }, []);
+    var isFieldRequired = React3.useCallback(function(fieldName) {
+        return false;
+    }, []);
+    var validateField = React3.useCallback(function(fieldName) {
+        return null;
+    }, []);
+    return {
+        setFieldRequired: setFieldRequired,
+        setFieldRequiredIf: setFieldRequiredIf,
+        setFieldValidation: setFieldValidation,
+        clearFieldValidation: clearFieldValidation,
+        isFieldRequired: isFieldRequired,
+        validateField: validateField
+    };
+}
 exports.InferredTypesContext = InferredTypesContext;
+exports.InferredTypesProvider = InferredTypesProvider;
 exports.Input = Input;
 exports.NestedFieldProvider = NestedFieldProvider;
+exports.NodePropertyProvider = NodePropertyProvider;
 exports.OPERATORS_BY_TYPE = OPERATORS_BY_TYPE;
-exports.Select = Select;
+exports.Select = Select2;
 exports.TemplateFieldProvider = TemplateFieldProvider;
 exports.getOperatorsForType = getOperatorsForType;
+exports.intersectTypes = intersectTypes;
 exports.parseInferSyntax = parseInferSyntax;
+exports.useAllInferredTypes = useAllInferredTypes;
 exports.useFieldPath = useFieldPath;
+exports.useFieldValidation = useFieldValidation;
+exports.useInferredType = useInferredType;
 exports.useInferredTypes = useInferredTypes;
+exports.useIsInNodePropertyProvider = useIsInNodePropertyProvider;
 exports.useIsInTemplateFieldProvider = useIsInTemplateFieldProvider;
+exports.useNodeProperties = useNodeProperties;
+exports.useNodeProperty = useNodeProperty;
+exports.useSetInferredType = useSetInferredType;
+exports.useSetProperty = useSetProperty;
 exports.useTemplateFieldContext = useTemplateFieldContext; //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map