@process.co/ui 0.0.15 → 0.0.17
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 +77 -0
- package/dist/components/fields/index.cjs +119 -5
- 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 +119 -7
- package/dist/components/fields/index.js.map +1 -1
- package/dist/{index-19C2gVyr.d.cts → index-D9NS5Zgl.d.cts} +13 -2
- package/dist/{index-19C2gVyr.d.ts → index-D9NS5Zgl.d.ts} +13 -2
- package/dist/index.cjs +553 -425
- 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 +513 -387
- 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-D9NS5Zgl.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-D9NS5Zgl.js';
|
|
3
3
|
import 'class-variance-authority/types';
|
|
4
4
|
import 'class-variance-authority';
|
|
5
5
|
import '@radix-ui/react-toggle';
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as React33 from 'react';
|
|
2
|
-
import React33__default, { createContext, useLayoutEffect, useState, useContext, useCallback } from 'react';
|
|
2
|
+
import React33__default, { createContext, forwardRef, createElement, useLayoutEffect, useState, useContext, useCallback } from 'react';
|
|
3
3
|
import * as ReactDOM4 from 'react-dom';
|
|
4
4
|
import ReactDOM4__default from 'react-dom';
|
|
5
5
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
6
|
-
import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
|
|
7
6
|
|
|
8
7
|
// src/components/fields/index.tsx
|
|
9
8
|
var DevContext = createContext(null);
|
|
@@ -8139,6 +8138,85 @@ var ItemText = SelectItemText;
|
|
|
8139
8138
|
var ItemIndicator = SelectItemIndicator;
|
|
8140
8139
|
var ScrollUpButton = SelectScrollUpButton;
|
|
8141
8140
|
var ScrollDownButton = SelectScrollDownButton;
|
|
8141
|
+
|
|
8142
|
+
// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/shared/src/utils.js
|
|
8143
|
+
var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
8144
|
+
var mergeClasses = (...classes) => classes.filter((className, index2, array) => {
|
|
8145
|
+
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index2;
|
|
8146
|
+
}).join(" ").trim();
|
|
8147
|
+
|
|
8148
|
+
// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/defaultAttributes.js
|
|
8149
|
+
var defaultAttributes = {
|
|
8150
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8151
|
+
width: 24,
|
|
8152
|
+
height: 24,
|
|
8153
|
+
viewBox: "0 0 24 24",
|
|
8154
|
+
fill: "none",
|
|
8155
|
+
stroke: "currentColor",
|
|
8156
|
+
strokeWidth: 2,
|
|
8157
|
+
strokeLinecap: "round",
|
|
8158
|
+
strokeLinejoin: "round"
|
|
8159
|
+
};
|
|
8160
|
+
|
|
8161
|
+
// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/Icon.js
|
|
8162
|
+
var Icon2 = forwardRef(
|
|
8163
|
+
({
|
|
8164
|
+
color = "currentColor",
|
|
8165
|
+
size: size4 = 24,
|
|
8166
|
+
strokeWidth = 2,
|
|
8167
|
+
absoluteStrokeWidth,
|
|
8168
|
+
className = "",
|
|
8169
|
+
children,
|
|
8170
|
+
iconNode,
|
|
8171
|
+
...rest
|
|
8172
|
+
}, ref) => {
|
|
8173
|
+
return createElement(
|
|
8174
|
+
"svg",
|
|
8175
|
+
{
|
|
8176
|
+
ref,
|
|
8177
|
+
...defaultAttributes,
|
|
8178
|
+
width: size4,
|
|
8179
|
+
height: size4,
|
|
8180
|
+
stroke: color,
|
|
8181
|
+
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size4) : strokeWidth,
|
|
8182
|
+
className: mergeClasses("lucide", className),
|
|
8183
|
+
...rest
|
|
8184
|
+
},
|
|
8185
|
+
[
|
|
8186
|
+
...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
|
|
8187
|
+
...Array.isArray(children) ? children : [children]
|
|
8188
|
+
]
|
|
8189
|
+
);
|
|
8190
|
+
}
|
|
8191
|
+
);
|
|
8192
|
+
|
|
8193
|
+
// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
|
8194
|
+
var createLucideIcon = (iconName, iconNode) => {
|
|
8195
|
+
const Component = forwardRef(
|
|
8196
|
+
({ className, ...props }, ref) => createElement(Icon2, {
|
|
8197
|
+
ref,
|
|
8198
|
+
iconNode,
|
|
8199
|
+
className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
|
|
8200
|
+
...props
|
|
8201
|
+
})
|
|
8202
|
+
);
|
|
8203
|
+
Component.displayName = `${iconName}`;
|
|
8204
|
+
return Component;
|
|
8205
|
+
};
|
|
8206
|
+
|
|
8207
|
+
// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/icons/check.js
|
|
8208
|
+
var __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
|
|
8209
|
+
var Check = createLucideIcon("Check", __iconNode);
|
|
8210
|
+
|
|
8211
|
+
// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/icons/chevron-down.js
|
|
8212
|
+
var __iconNode2 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
|
|
8213
|
+
var ChevronDown = createLucideIcon("ChevronDown", __iconNode2);
|
|
8214
|
+
|
|
8215
|
+
// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/icons/chevron-up.js
|
|
8216
|
+
var __iconNode3 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
|
|
8217
|
+
var ChevronUp = createLucideIcon("ChevronUp", __iconNode3);
|
|
8218
|
+
|
|
8219
|
+
// src/components/ui/select.tsx
|
|
8142
8220
|
function Select2({
|
|
8143
8221
|
...props
|
|
8144
8222
|
}) {
|
|
@@ -8165,7 +8243,7 @@ function SelectTrigger2({
|
|
|
8165
8243
|
...props
|
|
8166
8244
|
},
|
|
8167
8245
|
children,
|
|
8168
|
-
/* @__PURE__ */ React33.createElement(Icon, { asChild: true }, /* @__PURE__ */ React33.createElement(
|
|
8246
|
+
/* @__PURE__ */ React33.createElement(Icon, { asChild: true }, /* @__PURE__ */ React33.createElement(ChevronDown, { className: "uii:size-4 uii:opacity-50" }))
|
|
8169
8247
|
);
|
|
8170
8248
|
}
|
|
8171
8249
|
function SelectContent2({
|
|
@@ -8220,7 +8298,7 @@ function SelectItem2({
|
|
|
8220
8298
|
),
|
|
8221
8299
|
...props
|
|
8222
8300
|
},
|
|
8223
|
-
/* @__PURE__ */ React33.createElement("span", { className: "uii:absolute uii:right-2 uii:flex uii:size-3.5 uii:items-center uii:justify-center" }, /* @__PURE__ */ React33.createElement(ItemIndicator, null, /* @__PURE__ */ React33.createElement(
|
|
8301
|
+
/* @__PURE__ */ React33.createElement("span", { className: "uii:absolute uii:right-2 uii:flex uii:size-3.5 uii:items-center uii:justify-center" }, /* @__PURE__ */ React33.createElement(ItemIndicator, null, /* @__PURE__ */ React33.createElement(Check, { className: "uii:size-4" }))),
|
|
8224
8302
|
/* @__PURE__ */ React33.createElement(ItemText, null, children)
|
|
8225
8303
|
);
|
|
8226
8304
|
}
|
|
@@ -8238,7 +8316,7 @@ function SelectScrollUpButton2({
|
|
|
8238
8316
|
),
|
|
8239
8317
|
...props
|
|
8240
8318
|
},
|
|
8241
|
-
/* @__PURE__ */ React33.createElement(
|
|
8319
|
+
/* @__PURE__ */ React33.createElement(ChevronUp, { className: "uii:size-4" })
|
|
8242
8320
|
);
|
|
8243
8321
|
}
|
|
8244
8322
|
function SelectScrollDownButton2({
|
|
@@ -8255,7 +8333,7 @@ function SelectScrollDownButton2({
|
|
|
8255
8333
|
),
|
|
8256
8334
|
...props
|
|
8257
8335
|
},
|
|
8258
|
-
/* @__PURE__ */ React33.createElement(
|
|
8336
|
+
/* @__PURE__ */ React33.createElement(ChevronDown, { className: "uii:size-4" })
|
|
8259
8337
|
);
|
|
8260
8338
|
}
|
|
8261
8339
|
|
|
@@ -8723,6 +8801,23 @@ function ToggleButton({ className, variant, size: size4, ...props }) {
|
|
|
8723
8801
|
}
|
|
8724
8802
|
);
|
|
8725
8803
|
}
|
|
8804
|
+
var logicToggleButtonStyles = [
|
|
8805
|
+
"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",
|
|
8806
|
+
"uii:data-[state=on]:bg-[#3b82f6] uii:data-[state=on]:text-white uii:data-[state=on]:border-[#3b82f6]",
|
|
8807
|
+
"uii:data-[state=off]:bg-[#f3f4f6] uii:data-[state=off]:text-[#374151] uii:data-[state=off]:hover:bg-[#e5e7eb]"
|
|
8808
|
+
].join(" ");
|
|
8809
|
+
var logicToggleButtonLabelStyles = "uii:inline-block uii:whitespace-nowrap uii:[transform:rotate(-90deg)]";
|
|
8810
|
+
function LogicToggleButton({ className, children, ...props }) {
|
|
8811
|
+
return /* @__PURE__ */ React33.createElement(
|
|
8812
|
+
Root3,
|
|
8813
|
+
{
|
|
8814
|
+
"data-slot": "logic-toggle-button",
|
|
8815
|
+
className: cn(logicToggleButtonStyles, className),
|
|
8816
|
+
...props
|
|
8817
|
+
},
|
|
8818
|
+
children != null ? /* @__PURE__ */ React33.createElement("span", { className: logicToggleButtonLabelStyles }, children) : null
|
|
8819
|
+
);
|
|
8820
|
+
}
|
|
8726
8821
|
|
|
8727
8822
|
// src/components/fields/types.ts
|
|
8728
8823
|
function parseInferredTypes(typeStr) {
|
|
@@ -9125,7 +9220,24 @@ function useFieldValidation() {
|
|
|
9125
9220
|
validateField
|
|
9126
9221
|
};
|
|
9127
9222
|
}
|
|
9223
|
+
/*! Bundled license information:
|
|
9224
|
+
|
|
9225
|
+
lucide-react/dist/esm/shared/src/utils.js:
|
|
9226
|
+
lucide-react/dist/esm/defaultAttributes.js:
|
|
9227
|
+
lucide-react/dist/esm/Icon.js:
|
|
9228
|
+
lucide-react/dist/esm/createLucideIcon.js:
|
|
9229
|
+
lucide-react/dist/esm/icons/check.js:
|
|
9230
|
+
lucide-react/dist/esm/icons/chevron-down.js:
|
|
9231
|
+
lucide-react/dist/esm/icons/chevron-up.js:
|
|
9232
|
+
lucide-react/dist/esm/lucide-react.js:
|
|
9233
|
+
(**
|
|
9234
|
+
* @license lucide-react v0.476.0 - ISC
|
|
9235
|
+
*
|
|
9236
|
+
* This source code is licensed under the ISC license.
|
|
9237
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
9238
|
+
*)
|
|
9239
|
+
*/
|
|
9128
9240
|
|
|
9129
|
-
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 };
|
|
9241
|
+
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 };
|
|
9130
9242
|
//# sourceMappingURL=index.js.map
|
|
9131
9243
|
//# sourceMappingURL=index.js.map
|