@process.co/ui 0.0.16 → 0.0.18
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 +80 -0
- package/dist/components/fields/index.cjs +36 -2
- 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 +35 -3
- package/dist/components/fields/index.js.map +1 -1
- package/dist/{index-19C2gVyr.d.cts → index-DVH6qE_o.d.cts} +23 -3
- package/dist/{index-19C2gVyr.d.ts → index-DVH6qE_o.d.ts} +23 -3
- package/dist/index.cjs +465 -429
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +420 -386
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
export {
|
|
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 {
|
|
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);
|
|
@@ -3124,7 +3127,19 @@ function Input({
|
|
|
3124
3127
|
title: resolvedExpectedType
|
|
3125
3128
|
},
|
|
3126
3129
|
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")
|
|
3130
|
+
), 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(
|
|
3131
|
+
"button",
|
|
3132
|
+
{
|
|
3133
|
+
type: "button",
|
|
3134
|
+
title: caseSensitive ? "Case sensitive (click to ignore case)" : "Ignore case (click for case sensitive)",
|
|
3135
|
+
onClick: () => onCaseSensitiveChange(!caseSensitive),
|
|
3136
|
+
className: cn(
|
|
3137
|
+
"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",
|
|
3138
|
+
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"
|
|
3139
|
+
)
|
|
3140
|
+
},
|
|
3141
|
+
"Aa"
|
|
3142
|
+
)), /* @__PURE__ */ React33.createElement("div", { className: "uii:mt-0.5" }, /* @__PURE__ */ React33.createElement(
|
|
3128
3143
|
"input",
|
|
3129
3144
|
{
|
|
3130
3145
|
id: fieldName,
|
|
@@ -8801,6 +8816,23 @@ function ToggleButton({ className, variant, size: size4, ...props }) {
|
|
|
8801
8816
|
}
|
|
8802
8817
|
);
|
|
8803
8818
|
}
|
|
8819
|
+
var logicToggleButtonStyles = [
|
|
8820
|
+
"uii:inline-flex uii:items-center uii:justify-center uii:rounded-md uii:border uii:border-[#e5e7eb] uii:min-w-[28px] uii:w-[28px] uii:min-h-[56px] uii:h-[56px] uii:text-xs uii:font-bold uii:outline-none uii:focus-visible:ring-2 uii:focus-visible:ring-[#3b82f6]/40 uii:focus-visible:ring-offset-1 uii:disabled:pointer-events-none uii:disabled:opacity-50 uii:cursor-pointer uii:transition-colors uii:select-none",
|
|
8821
|
+
"uii:data-[state=on]:bg-[#3b82f6] uii:data-[state=on]:text-white uii:data-[state=on]:border-[#3b82f6]",
|
|
8822
|
+
"uii:data-[state=off]:bg-[#f3f4f6] uii:data-[state=off]:text-[#374151] uii:data-[state=off]:hover:bg-[#e5e7eb]"
|
|
8823
|
+
].join(" ");
|
|
8824
|
+
var logicToggleButtonLabelStyles = "uii:inline-block uii:whitespace-nowrap uii:[transform:rotate(-90deg)]";
|
|
8825
|
+
function LogicToggleButton({ className, children, ...props }) {
|
|
8826
|
+
return /* @__PURE__ */ React33.createElement(
|
|
8827
|
+
Root3,
|
|
8828
|
+
{
|
|
8829
|
+
"data-slot": "logic-toggle-button",
|
|
8830
|
+
className: cn(logicToggleButtonStyles, className),
|
|
8831
|
+
...props
|
|
8832
|
+
},
|
|
8833
|
+
children != null ? /* @__PURE__ */ React33.createElement("span", { className: logicToggleButtonLabelStyles }, children) : null
|
|
8834
|
+
);
|
|
8835
|
+
}
|
|
8804
8836
|
|
|
8805
8837
|
// src/components/fields/types.ts
|
|
8806
8838
|
function parseInferredTypes(typeStr) {
|
|
@@ -9221,6 +9253,6 @@ lucide-react/dist/esm/lucide-react.js:
|
|
|
9221
9253
|
*)
|
|
9222
9254
|
*/
|
|
9223
9255
|
|
|
9224
|
-
export { Button, InferredTypesContext, InferredTypesProvider, Input, NestedFieldProvider, NodePropertyProvider, OPERATORS_BY_TYPE, Select3 as Select, TemplateFieldProvider, ToggleButton, buttonVariants, computeExtendedType, filterOperatorsByType, getNumberConstants, getOperatorsForType, getStringConstants, intersectTypes, normalizeFieldValue, parseInferSyntax, parseInferredTypes, toggleButtonVariants, useAllInferredTypes, useClearAllInferredTypes, useClearInferredType, useClearValidationErrorsByPrefix, useFieldPath, useFieldValidation, useFlowEditorActions, useInferredType, useInferredTypes, useIsInNodePropertyProvider, useIsInTemplateFieldProvider, useNodeProperties, useNodeProperty, useSetFieldMetadataOnly, useSetInferredType, useSetProperty, useTemplateFieldContext, useTriggerLayoutUpdate };
|
|
9256
|
+
export { Button, InferredTypesContext, InferredTypesProvider, Input, LogicToggleButton, NestedFieldProvider, NodePropertyProvider, OPERATORS_BY_TYPE, Select3 as Select, TemplateFieldProvider, ToggleButton, buttonVariants, computeExtendedType, filterOperatorsByType, getNumberConstants, getOperatorsForType, getStringConstants, intersectTypes, logicToggleButtonStyles, normalizeFieldValue, parseInferSyntax, parseInferredTypes, toggleButtonVariants, useAllInferredTypes, useClearAllInferredTypes, useClearInferredType, useClearValidationErrorsByPrefix, useFieldPath, useFieldValidation, useFlowEditorActions, useInferredType, useInferredTypes, useIsInNodePropertyProvider, useIsInTemplateFieldProvider, useNodeProperties, useNodeProperty, useSetFieldMetadataOnly, useSetInferredType, useSetProperty, useTemplateFieldContext, useTriggerLayoutUpdate };
|
|
9225
9257
|
//# sourceMappingURL=index.js.map
|
|
9226
9258
|
//# sourceMappingURL=index.js.map
|