@process.co/ui 0.0.17 → 0.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/ui.css +25 -0
- package/dist/components/fields/index.cjs +29 -21
- package/dist/components/fields/index.cjs.map +1 -1
- package/dist/components/fields/index.d.cts +1 -1
- package/dist/components/fields/index.d.ts +1 -1
- package/dist/components/fields/index.js +29 -21
- package/dist/components/fields/index.js.map +1 -1
- package/dist/components/slots/index.cjs +3284 -0
- package/dist/components/slots/index.cjs.map +1 -0
- package/dist/components/slots/index.d.cts +2 -0
- package/dist/components/slots/index.d.ts +2 -0
- package/dist/components/slots/index.js +3261 -0
- package/dist/components/slots/index.js.map +1 -0
- package/dist/index-CcOhL3Cy.d.cts +13 -0
- package/dist/index-CcOhL3Cy.d.ts +13 -0
- package/dist/{index-D9NS5Zgl.d.cts → index-DVH6qE_o.d.cts} +10 -1
- package/dist/{index-D9NS5Zgl.d.ts → index-DVH6qE_o.d.ts} +10 -1
- package/dist/index.cjs +474 -448
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +430 -405
- package/dist/index.js.map +1 -1
- package/package.json +11 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
export { a5 as BaseOperatorType, B as Button, S as FieldValidationRule, V as FieldValue, s as InferConfig, m as InferredTypesContext, I as InferredTypesContextValue, q as InferredTypesProvider, p as InferredTypesProviderProps, W as Input, X as InputProps, L as LogicToggleButton, N as NestedFieldProvider, g as NestedFieldProviderProps, y as NodePropertyProvider, x as NodePropertyProviderProps, O as OPERATORS_BY_TYPE, a6 as OperatorDef, a7 as ParsedTypes, P as PropertyMetadata, Y as Select, _ as SelectOption, Z as SelectProps, $ as SelectRenderProps, k as TemplateFieldChangeEvent, a as TemplateFieldContextValue, j as TemplateFieldFocusContext, e as TemplateFieldProvider, f as TemplateFieldProviderProps, h as TemplateFieldValidationError, T as ToggleButton, b as buttonVariants, a1 as computeExtendedType, a2 as filterOperatorsByType, a4 as getNumberConstants, w as getOperatorsForType, a3 as getStringConstants, r as intersectTypes, l as logicToggleButtonStyles, n as normalizeFieldValue, v as parseInferSyntax, a0 as parseInferredTypes, t as toggleButtonVariants, M as useAllInferredTypes, H as useClearAllInferredTypes, G as useClearInferredType, J as useClearValidationErrorsByPrefix, d as useFieldPath, U as useFieldValidation, K as useFlowEditorActions, E as useInferredType, o as useInferredTypes, A as useIsInNodePropertyProvider, c as useIsInTemplateFieldProvider, D as useNodeProperties, C as useNodeProperty, z as useSetFieldMetadataOnly, F as useSetInferredType, Q as useSetProperty, u as useTemplateFieldContext, R as useTriggerLayoutUpdate } from '../../index-
|
|
2
|
+
export { a5 as BaseOperatorType, B as Button, S as FieldValidationRule, V as FieldValue, s as InferConfig, m as InferredTypesContext, I as InferredTypesContextValue, q as InferredTypesProvider, p as InferredTypesProviderProps, W as Input, X as InputProps, L as LogicToggleButton, N as NestedFieldProvider, g as NestedFieldProviderProps, y as NodePropertyProvider, x as NodePropertyProviderProps, O as OPERATORS_BY_TYPE, a6 as OperatorDef, a7 as ParsedTypes, P as PropertyMetadata, Y as Select, _ as SelectOption, Z as SelectProps, $ as SelectRenderProps, k as TemplateFieldChangeEvent, a as TemplateFieldContextValue, j as TemplateFieldFocusContext, e as TemplateFieldProvider, f as TemplateFieldProviderProps, h as TemplateFieldValidationError, T as ToggleButton, b as buttonVariants, a1 as computeExtendedType, a2 as filterOperatorsByType, a4 as getNumberConstants, w as getOperatorsForType, a3 as getStringConstants, r as intersectTypes, l as logicToggleButtonStyles, n as normalizeFieldValue, v as parseInferSyntax, a0 as parseInferredTypes, t as toggleButtonVariants, M as useAllInferredTypes, H as useClearAllInferredTypes, G as useClearInferredType, J as useClearValidationErrorsByPrefix, d as useFieldPath, U as useFieldValidation, K as useFlowEditorActions, E as useInferredType, o as useInferredTypes, A as useIsInNodePropertyProvider, c as useIsInTemplateFieldProvider, D as useNodeProperties, C as useNodeProperty, z as useSetFieldMetadataOnly, F as useSetInferredType, Q as useSetProperty, u as useTemplateFieldContext, R as useTriggerLayoutUpdate } from '../../index-DVH6qE_o.cjs';
|
|
3
3
|
import 'class-variance-authority/types';
|
|
4
4
|
import 'class-variance-authority';
|
|
5
5
|
import '@radix-ui/react-toggle';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
export { a5 as BaseOperatorType, B as Button, S as FieldValidationRule, V as FieldValue, s as InferConfig, m as InferredTypesContext, I as InferredTypesContextValue, q as InferredTypesProvider, p as InferredTypesProviderProps, W as Input, X as InputProps, L as LogicToggleButton, N as NestedFieldProvider, g as NestedFieldProviderProps, y as NodePropertyProvider, x as NodePropertyProviderProps, O as OPERATORS_BY_TYPE, a6 as OperatorDef, a7 as ParsedTypes, P as PropertyMetadata, Y as Select, _ as SelectOption, Z as SelectProps, $ as SelectRenderProps, k as TemplateFieldChangeEvent, a as TemplateFieldContextValue, j as TemplateFieldFocusContext, e as TemplateFieldProvider, f as TemplateFieldProviderProps, h as TemplateFieldValidationError, T as ToggleButton, b as buttonVariants, a1 as computeExtendedType, a2 as filterOperatorsByType, a4 as getNumberConstants, w as getOperatorsForType, a3 as getStringConstants, r as intersectTypes, l as logicToggleButtonStyles, n as normalizeFieldValue, v as parseInferSyntax, a0 as parseInferredTypes, t as toggleButtonVariants, M as useAllInferredTypes, H as useClearAllInferredTypes, G as useClearInferredType, J as useClearValidationErrorsByPrefix, d as useFieldPath, U as useFieldValidation, K as useFlowEditorActions, E as useInferredType, o as useInferredTypes, A as useIsInNodePropertyProvider, c as useIsInTemplateFieldProvider, D as useNodeProperties, C as useNodeProperty, z as useSetFieldMetadataOnly, F as useSetInferredType, Q as useSetProperty, u as useTemplateFieldContext, R as useTriggerLayoutUpdate } from '../../index-
|
|
2
|
+
export { a5 as BaseOperatorType, B as Button, S as FieldValidationRule, V as FieldValue, s as InferConfig, m as InferredTypesContext, I as InferredTypesContextValue, q as InferredTypesProvider, p as InferredTypesProviderProps, W as Input, X as InputProps, L as LogicToggleButton, N as NestedFieldProvider, g as NestedFieldProviderProps, y as NodePropertyProvider, x as NodePropertyProviderProps, O as OPERATORS_BY_TYPE, a6 as OperatorDef, a7 as ParsedTypes, P as PropertyMetadata, Y as Select, _ as SelectOption, Z as SelectProps, $ as SelectRenderProps, k as TemplateFieldChangeEvent, a as TemplateFieldContextValue, j as TemplateFieldFocusContext, e as TemplateFieldProvider, f as TemplateFieldProviderProps, h as TemplateFieldValidationError, T as ToggleButton, b as buttonVariants, a1 as computeExtendedType, a2 as filterOperatorsByType, a4 as getNumberConstants, w as getOperatorsForType, a3 as getStringConstants, r as intersectTypes, l as logicToggleButtonStyles, n as normalizeFieldValue, v as parseInferSyntax, a0 as parseInferredTypes, t as toggleButtonVariants, M as useAllInferredTypes, H as useClearAllInferredTypes, G as useClearInferredType, J as useClearValidationErrorsByPrefix, d as useFieldPath, U as useFieldValidation, K as useFlowEditorActions, E as useInferredType, o as useInferredTypes, A as useIsInNodePropertyProvider, c as useIsInTemplateFieldProvider, D as useNodeProperties, C as useNodeProperty, z as useSetFieldMetadataOnly, F as useSetInferredType, Q as useSetProperty, u as useTemplateFieldContext, R as useTriggerLayoutUpdate } from '../../index-DVH6qE_o.js';
|
|
3
3
|
import 'class-variance-authority/types';
|
|
4
4
|
import 'class-variance-authority';
|
|
5
5
|
import '@radix-ui/react-toggle';
|
|
@@ -3080,7 +3080,10 @@ function Input({
|
|
|
3080
3080
|
required = false,
|
|
3081
3081
|
hasRequiredError = false,
|
|
3082
3082
|
className,
|
|
3083
|
-
editorClassName
|
|
3083
|
+
editorClassName,
|
|
3084
|
+
showCaseSensitivity = false,
|
|
3085
|
+
caseSensitive = false,
|
|
3086
|
+
onCaseSensitiveChange
|
|
3084
3087
|
}) {
|
|
3085
3088
|
const devCtx = useContext(DevContext);
|
|
3086
3089
|
const resolvedExpectedType = useResolvedExpectedType(expectedType, devCtx);
|
|
@@ -3093,17 +3096,10 @@ function Input({
|
|
|
3093
3096
|
const isExpression = React33.useMemo(() => {
|
|
3094
3097
|
return value != null && typeof value === "object" && "expression" in value;
|
|
3095
3098
|
}, [value]);
|
|
3096
|
-
const handleChange = React33.useCallback(
|
|
3097
|
-
|
|
3098
|
-
|
|
3099
|
-
|
|
3100
|
-
expression: newValue,
|
|
3101
|
-
type: "expression"
|
|
3102
|
-
});
|
|
3103
|
-
} else {
|
|
3104
|
-
onChange(newValue);
|
|
3105
|
-
}
|
|
3106
|
-
}, [onChange]);
|
|
3099
|
+
const handleChange = React33.useCallback(
|
|
3100
|
+
(e) => onChange(e.target.value),
|
|
3101
|
+
[onChange]
|
|
3102
|
+
);
|
|
3107
3103
|
const showError = hasRequiredError || required && !displayValue;
|
|
3108
3104
|
const isWaiting = resolvedExpectedType.startsWith("Waiting for:") || resolvedExpectedType.startsWith("Subscribing to:");
|
|
3109
3105
|
return /* @__PURE__ */ React33.createElement("div", { className: cn("uii:mb-2", className) }, /* @__PURE__ */ React33.createElement("div", { className: "uii:flex uii:items-center uii:gap-2 uii:mt-2" }, /* @__PURE__ */ React33.createElement(
|
|
@@ -3124,7 +3120,19 @@ function Input({
|
|
|
3124
3120
|
title: resolvedExpectedType
|
|
3125
3121
|
},
|
|
3126
3122
|
resolvedExpectedType
|
|
3127
|
-
), showError && /* @__PURE__ */ React33.createElement("span", { className: "uii:-mt-2 uii:inline-flex uii:px-1 uii:py-0.5 uii:bg-red-100 uii:text-red-600 uii:rounded-sm uii:text-[10px] uii:font-medium" }, "Required")
|
|
3123
|
+
), showError && /* @__PURE__ */ React33.createElement("span", { className: "uii:-mt-2 uii:inline-flex uii:px-1 uii:py-0.5 uii:bg-red-100 uii:text-red-600 uii:rounded-sm uii:text-[10px] uii:font-medium" }, "Required"), showCaseSensitivity && onCaseSensitiveChange && /* @__PURE__ */ React33.createElement(
|
|
3124
|
+
"button",
|
|
3125
|
+
{
|
|
3126
|
+
type: "button",
|
|
3127
|
+
title: caseSensitive ? "Case sensitive (click to ignore case)" : "Ignore case (click for case sensitive)",
|
|
3128
|
+
onClick: () => onCaseSensitiveChange(!caseSensitive),
|
|
3129
|
+
className: cn(
|
|
3130
|
+
"uii:-mt-2 uii:inline-flex uii:items-center uii:justify-center uii:rounded-sm uii:border uii:px-1 uii:py-0.5 uii:text-[10px] uii:font-medium uii:transition-colors uii:outline-none focus:uii:ring-2 focus:uii:ring-ring focus:uii:ring-offset-1",
|
|
3131
|
+
caseSensitive ? "uii:bg-primary uii:text-primary-foreground uii:border-primary" : "uii:bg-gray-200 uii:text-muted-foreground uii:border-input hover:uii:bg-gray-300"
|
|
3132
|
+
)
|
|
3133
|
+
},
|
|
3134
|
+
"Aa"
|
|
3135
|
+
)), /* @__PURE__ */ React33.createElement("div", { className: "uii:mt-0.5" }, /* @__PURE__ */ React33.createElement(
|
|
3128
3136
|
"input",
|
|
3129
3137
|
{
|
|
3130
3138
|
id: fieldName,
|
|
@@ -8416,14 +8424,14 @@ function Select3({
|
|
|
8416
8424
|
}
|
|
8417
8425
|
onChange(newValue);
|
|
8418
8426
|
}, [onChange]);
|
|
8419
|
-
const handleExpressionChange = React33.useCallback(
|
|
8420
|
-
|
|
8421
|
-
|
|
8422
|
-
|
|
8423
|
-
|
|
8424
|
-
|
|
8425
|
-
|
|
8426
|
-
|
|
8427
|
+
const handleExpressionChange = React33.useCallback(
|
|
8428
|
+
(e) => {
|
|
8429
|
+
const newValue = e.target.value;
|
|
8430
|
+
setExpressionValue(newValue);
|
|
8431
|
+
onChange(newValue);
|
|
8432
|
+
},
|
|
8433
|
+
[onChange]
|
|
8434
|
+
);
|
|
8427
8435
|
const handleSwitchToValue = React33.useCallback(() => {
|
|
8428
8436
|
setIsExpressionMode(false);
|
|
8429
8437
|
setExpressionValue("");
|