@flanksource/clicky-ui 0.3.47 → 0.3.49

package/dist/rpc/FilterForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterForm.cjs","sources":["../../src/rpc/FilterForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type FormEvent } from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { FilterBar } from \"../components/FilterBar\";\nimport {\n  packLookupParameterValues,\n  parametersToFormConfig,\n  pruneParameterValues,\n  buildInitialParameterValues,\n  titleCase,\n  useDebouncedRecord,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport type { OpenAPIParameter } from \"./types\";\nimport { useOpenAPI, type OperationsApiClient } from \"./useOperations\";\nimport { ParameterGrid } from \"./FilterFormFields\";\n\nexport type FilterFormProps = {\n  client: OperationsApiClient;\n  path: string;\n  method: string;\n  parameters?: OpenAPIParameter[];\n  initialValues?: ParameterValues | undefined;\n  lockedValues?: ParameterValues | undefined;\n  hideLocked?: boolean | undefined;\n  enableLookup?: boolean | undefined;\n  autoSubmit?: boolean | undefined;\n  submitLabel?: string | undefined;\n  submittingLabel?: string | undefined;\n  emptyMessage?: string | undefined;\n  isSubmitting?: boolean | undefined;\n  className?: string | undefined;\n  formId?: string | undefined;\n  showSubmit?: boolean | undefined;\n  excludedParameterNames?: string[] | undefined;\n  /** Renders operation controls as form rows or the shared table FilterBar. */\n  presentation?: \"form\" | \"filter-bar\" | undefined;\n  onSubmit: (values: ParameterValues) => void | Promise<void>;\n};\n\nexport function FilterForm({\n  client,\n  path,\n  method,\n  parameters = [],\n  initialValues = {},\n  lockedValues = {},\n  hideLocked = false,\n  enableLookup = method.toUpperCase() === \"GET\",\n  autoSubmit = false,\n  submitLabel = \"Execute request\",\n  submittingLabel = \"Executing…\",\n  emptyMessage = \"This operation does not require input.\",\n  isSubmitting = false,\n  className,\n  formId,\n  showSubmit = true,\n  excludedParameterNames = [],\n  presentation = \"form\",\n  onSubmit,\n}: FilterFormProps) {\n  const resetKey = useMemo(\n    () =>\n      `${method}:${path}:${JSON.stringify(initialValues)}:${JSON.stringify(\n        lockedValues\n      )}`,\n    [initialValues, lockedValues, method, path]\n  );\n  const visibleParameters = useMemo(\n    () =>\n      parameters.filter(\n        (parameter) => !excludedParameterNames.includes(parameter.name)\n      ),\n    [excludedParameterNames, parameters]\n  );\n  const [values, setValues] = useState<ParameterValues>(() =>\n    buildInitialParameterValues(parameters, method, lockedValues, initialValues)\n  );\n  const [error, setError] = useState(\"\");\n  const debouncedValues = useDebouncedRecord(values, 250);\n  const lastAutoSubmitted = useRef<string | null>(null);\n  const lookupParameters = useMemo(\n    () => packLookupParameterValues(debouncedValues, parameters),\n    [debouncedValues, parameters]\n  );\n\n  const lookupQuery = useQuery({\n    queryKey: [\"filter-form-lookup\", method, path, lookupParameters],\n    queryFn: async () =>\n      (await client.lookupFilters?.(path, method, lookupParameters, {\n        Accept: \"application/json+clicky\",\n      })) ?? { filters: {} },\n    enabled:\n      enableLookup &&\n      !!client.lookupFilters &&\n      parameters.some((param) => param.in === \"query\"),\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  // Shapes come from the spec so a control keeps its identity while the lookup\n  // that fills it is in flight; see parametersToFormConfig.\n  const { data: spec } = useOpenAPI(client);\n  const filterShapes = spec?.components?.[\"x-clicky-filters\"];\n\n  const formConfig = useMemo(\n    () =>\n      parametersToFormConfig(visibleParameters, values, setValues, {\n        lookup: lookupQuery.data,\n        components: filterShapes,\n        lockedValues,\n        hideLocked,\n      }),\n    [\n      filterShapes,\n      hideLocked,\n      lockedValues,\n      lookupQuery.data,\n      visibleParameters,\n      values,\n    ]\n  );\n\n  const hasFields =\n    formConfig.filters.length > 0 ||\n    formConfig.search != null ||\n    formConfig.timeRange != null;\n\n  async function handleSubmit(event?: FormEvent) {\n    event?.preventDefault();\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value = lockedValues[param.name] ?? values[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n\n    if (missingRequired.length > 0) {\n      setError(\n        `Missing required fields: ${missingRequired\n          .map((param) => titleCase(param.name))\n          .join(\", \")}`\n      );\n      return;\n    }\n\n    setError(\"\");\n    await onSubmit(pruneParameterValues(values));\n  }\n\n  useEffect(() => {\n    setValues(\n      buildInitialParameterValues(\n        parameters,\n        method,\n        lockedValues,\n        initialValues\n      )\n    );\n    setError(\"\");\n    lastAutoSubmitted.current = null;\n  }, [resetKey]);\n\n  useEffect(() => {\n    if (!autoSubmit) {\n      return;\n    }\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value =\n        lockedValues[param.name] ?? debouncedValues[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n    if (missingRequired.length > 0) {\n      return;\n    }\n\n    const submittedValues = pruneParameterValues(debouncedValues);\n    const signature = JSON.stringify(submittedValues);\n    if (lastAutoSubmitted.current === signature) {\n      return;\n    }\n\n    lastAutoSubmitted.current = signature;\n    setError(\"\");\n    void onSubmit(submittedValues);\n  }, [autoSubmit, debouncedValues, lockedValues, onSubmit, parameters]);\n\n  return (\n    <form id={formId} className=\"space-y-3\" onSubmit={handleSubmit}>\n      {hasFields ? (\n        presentation === \"filter-bar\" ? (\n          <FilterBar\n            autoSubmit={autoSubmit}\n            filters={formConfig.filters}\n            overflowMode=\"wrap\"\n            {...(formConfig.search ? { search: formConfig.search } : {})}\n            {...(formConfig.timeRange\n              ? { timeRange: formConfig.timeRange }\n              : {})}\n            {...(!autoSubmit\n              ? {\n                  onApply: () => void handleSubmit(),\n                  applyLabel: submitLabel,\n                  isPending: isSubmitting,\n                }\n              : {})}\n            {...(className ? { className } : {})}\n          />\n        ) : (\n          <ParameterGrid\n            autoSubmit={autoSubmit}\n            filters={formConfig.filters}\n            isSubmitting={isSubmitting}\n            submitLabel={submitLabel}\n            submittingLabel={submittingLabel}\n            showSubmit={showSubmit}\n            {...(formConfig.timeRange\n              ? { timeRange: formConfig.timeRange }\n              : {})}\n            {...(className ? { className } : {})}\n          />\n        )\n      ) : (\n        <div className=\"flex items-center justify-between gap-4\">\n          <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>\n          {showSubmit ? (\n            <Button\n              type=\"button\"\n              onClick={handleSubmit}\n              disabled={isSubmitting}\n            >\n              {isSubmitting ? submittingLabel : submitLabel}\n            </Button>\n          ) : null}\n        </div>\n      )}\n\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n          {error}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":["useMemo","useState","buildInitialParameterValues","useDebouncedRecord","useRef","packLookupParameterValues","useQuery","_a","keepPreviousData","useOpenAPI","parametersToFormConfig","titleCase","pruneParameterValues","useEffect","jsx","FilterBar","ParameterGrid","jsxs","Button"],"mappings":"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"}
+{"version":3,"file":"FilterForm.cjs","sources":["../../src/rpc/FilterForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type FormEvent } from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { FilterBar } from \"../components/FilterBar\";\nimport {\n  packLookupParameterValues,\n  parametersToFormConfig,\n  pruneParameterValues,\n  buildInitialParameterValues,\n  titleCase,\n  useDebouncedRecord,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport type { OpenAPIParameter } from \"./types\";\nimport { useOpenAPI, type OperationsApiClient } from \"./useOperations\";\nimport { ParameterGrid } from \"./FilterFormFields\";\n\nexport type FilterFormProps = {\n  client: OperationsApiClient;\n  path: string;\n  method: string;\n  parameters?: OpenAPIParameter[];\n  initialValues?: ParameterValues | undefined;\n  lockedValues?: ParameterValues | undefined;\n  hideLocked?: boolean | undefined;\n  enableLookup?: boolean | undefined;\n  autoSubmit?: boolean | undefined;\n  submitLabel?: string | undefined;\n  submittingLabel?: string | undefined;\n  emptyMessage?: string | undefined;\n  isSubmitting?: boolean | undefined;\n  className?: string | undefined;\n  formId?: string | undefined;\n  showSubmit?: boolean | undefined;\n  excludedParameterNames?: string[] | undefined;\n  /** Renders operation controls as form rows or the shared table FilterBar. */\n  presentation?: \"form\" | \"filter-bar\" | undefined;\n  /** Called with the current values whenever they change, starting with the\n   *  initial values, so the form can act as a controlled field set inside a\n   *  host form (pair with showSubmit={false}). */\n  onChange?: ((values: ParameterValues) => void) | undefined;\n  onSubmit: (values: ParameterValues) => void | Promise<void>;\n};\n\nexport function FilterForm({\n  client,\n  path,\n  method,\n  parameters = [],\n  initialValues = {},\n  lockedValues = {},\n  hideLocked = false,\n  enableLookup = method.toUpperCase() === \"GET\",\n  autoSubmit = false,\n  submitLabel = \"Execute request\",\n  submittingLabel = \"Executing…\",\n  emptyMessage = \"This operation does not require input.\",\n  isSubmitting = false,\n  className,\n  formId,\n  showSubmit = true,\n  excludedParameterNames = [],\n  presentation = \"form\",\n  onChange,\n  onSubmit,\n}: FilterFormProps) {\n  const resetKey = useMemo(\n    () =>\n      `${method}:${path}:${JSON.stringify(initialValues)}:${JSON.stringify(\n        lockedValues\n      )}`,\n    [initialValues, lockedValues, method, path]\n  );\n  const visibleParameters = useMemo(\n    () =>\n      parameters.filter(\n        (parameter) => !excludedParameterNames.includes(parameter.name)\n      ),\n    [excludedParameterNames, parameters]\n  );\n  const [values, setValues] = useState<ParameterValues>(() =>\n    buildInitialParameterValues(parameters, method, lockedValues, initialValues)\n  );\n  const [error, setError] = useState(\"\");\n  const debouncedValues = useDebouncedRecord(values, 250);\n  const lastAutoSubmitted = useRef<string | null>(null);\n  // The latest callback is read from a ref so a host passing an inline\n  // function is notified per value change, not per render.\n  const onChangeRef = useRef(onChange);\n  useEffect(() => {\n    onChangeRef.current = onChange;\n  });\n  useEffect(() => {\n    onChangeRef.current?.(values);\n  }, [values]);\n  const lookupParameters = useMemo(\n    () => packLookupParameterValues(debouncedValues, parameters),\n    [debouncedValues, parameters]\n  );\n\n  const lookupQuery = useQuery({\n    queryKey: [\"filter-form-lookup\", method, path, lookupParameters],\n    queryFn: async () =>\n      (await client.lookupFilters?.(path, method, lookupParameters, {\n        Accept: \"application/json+clicky\",\n      })) ?? { filters: {} },\n    enabled:\n      enableLookup &&\n      !!client.lookupFilters &&\n      parameters.some((param) => param.in === \"query\"),\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  // Shapes come from the spec so a control keeps its identity while the lookup\n  // that fills it is in flight; see parametersToFormConfig.\n  const { data: spec } = useOpenAPI(client);\n  const filterShapes = spec?.components?.[\"x-clicky-filters\"];\n\n  const formConfig = useMemo(\n    () =>\n      parametersToFormConfig(visibleParameters, values, setValues, {\n        lookup: lookupQuery.data,\n        components: filterShapes,\n        lockedValues,\n        hideLocked,\n      }),\n    [\n      filterShapes,\n      hideLocked,\n      lockedValues,\n      lookupQuery.data,\n      visibleParameters,\n      values,\n    ]\n  );\n\n  const hasFields =\n    formConfig.filters.length > 0 ||\n    formConfig.search != null ||\n    formConfig.timeRange != null;\n\n  async function handleSubmit(event?: FormEvent) {\n    event?.preventDefault();\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value = lockedValues[param.name] ?? values[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n\n    if (missingRequired.length > 0) {\n      setError(\n        `Missing required fields: ${missingRequired\n          .map((param) => titleCase(param.name))\n          .join(\", \")}`\n      );\n      return;\n    }\n\n    setError(\"\");\n    await onSubmit(pruneParameterValues(values));\n  }\n\n  useEffect(() => {\n    setValues(\n      buildInitialParameterValues(\n        parameters,\n        method,\n        lockedValues,\n        initialValues\n      )\n    );\n    setError(\"\");\n    lastAutoSubmitted.current = null;\n  }, [resetKey]);\n\n  useEffect(() => {\n    if (!autoSubmit) {\n      return;\n    }\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value =\n        lockedValues[param.name] ?? debouncedValues[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n    if (missingRequired.length > 0) {\n      return;\n    }\n\n    const submittedValues = pruneParameterValues(debouncedValues);\n    const signature = JSON.stringify(submittedValues);\n    if (lastAutoSubmitted.current === signature) {\n      return;\n    }\n\n    lastAutoSubmitted.current = signature;\n    setError(\"\");\n    void onSubmit(submittedValues);\n  }, [autoSubmit, debouncedValues, lockedValues, onSubmit, parameters]);\n\n  return (\n    <form id={formId} className=\"space-y-3\" onSubmit={handleSubmit}>\n      {hasFields ? (\n        presentation === \"filter-bar\" ? (\n          <FilterBar\n            autoSubmit={autoSubmit}\n            filters={formConfig.filters}\n            overflowMode=\"wrap\"\n            {...(formConfig.search ? { search: formConfig.search } : {})}\n            {...(formConfig.timeRange\n              ? { timeRange: formConfig.timeRange }\n              : {})}\n            {...(!autoSubmit\n              ? {\n                  onApply: () => void handleSubmit(),\n                  applyLabel: submitLabel,\n                  isPending: isSubmitting,\n                }\n              : {})}\n            {...(className ? { className } : {})}\n          />\n        ) : (\n          <ParameterGrid\n            autoSubmit={autoSubmit}\n            filters={formConfig.filters}\n            isSubmitting={isSubmitting}\n            submitLabel={submitLabel}\n            submittingLabel={submittingLabel}\n            showSubmit={showSubmit}\n            {...(formConfig.timeRange\n              ? { timeRange: formConfig.timeRange }\n              : {})}\n            {...(className ? { className } : {})}\n          />\n        )\n      ) : (\n        <div className=\"flex items-center justify-between gap-4\">\n          <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>\n          {showSubmit ? (\n            <Button\n              type=\"button\"\n              onClick={handleSubmit}\n              disabled={isSubmitting}\n            >\n              {isSubmitting ? submittingLabel : submitLabel}\n            </Button>\n          ) : null}\n        </div>\n      )}\n\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n          {error}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":["useMemo","useState","buildInitialParameterValues","useDebouncedRecord","useRef","useEffect","_a","packLookupParameterValues","useQuery","keepPreviousData","useOpenAPI","parametersToFormConfig","titleCase","pruneParameterValues","jsx","FilterBar","ParameterGrid","jsxs","Button"],"mappings":"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"}

package/dist/rpc/FilterForm.d.ts

@@ -21,7 +21,11 @@ export type FilterFormProps = {
     excludedParameterNames?: string[] | undefined;
     /** Renders operation controls as form rows or the shared table FilterBar. */
     presentation?: "form" | "filter-bar" | undefined;
+    /** Called with the current values whenever they change, starting with the
+     *  initial values, so the form can act as a controlled field set inside a
+     *  host form (pair with showSubmit={false}). */
+    onChange?: ((values: ParameterValues) => void) | undefined;
     onSubmit: (values: ParameterValues) => void | Promise<void>;
 };
-export declare function FilterForm({ client, path, method, parameters, initialValues, lockedValues, hideLocked, enableLookup, autoSubmit, submitLabel, submittingLabel, emptyMessage, isSubmitting, className, formId, showSubmit, excludedParameterNames, presentation, onSubmit, }: FilterFormProps): import("react").JSX.Element;
+export declare function FilterForm({ client, path, method, parameters, initialValues, lockedValues, hideLocked, enableLookup, autoSubmit, submitLabel, submittingLabel, emptyMessage, isSubmitting, className, formId, showSubmit, excludedParameterNames, presentation, onChange, onSubmit, }: FilterFormProps): import("react").JSX.Element;
 //# sourceMappingURL=FilterForm.d.ts.map

package/dist/rpc/FilterForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterForm.d.ts","sourceRoot":"","sources":["../../src/rpc/FilterForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAOL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAGvE,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAC5C,YAAY,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC9C,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;IACjD,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7D,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,MAAM,EACN,UAAe,EACf,aAAkB,EAClB,YAAiB,EACjB,UAAkB,EAClB,YAA6C,EAC7C,UAAkB,EAClB,WAA+B,EAC/B,eAA8B,EAC9B,YAAuD,EACvD,YAAoB,EACpB,SAAS,EACT,MAAM,EACN,UAAiB,EACjB,sBAA2B,EAC3B,YAAqB,EACrB,QAAQ,GACT,EAAE,eAAe,+BA2LjB"}
+{"version":3,"file":"FilterForm.d.ts","sourceRoot":"","sources":["../../src/rpc/FilterForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAOL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAGvE,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAC5C,YAAY,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC9C,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;IACjD;;oDAEgD;IAChD,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7D,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,MAAM,EACN,UAAe,EACf,aAAkB,EAClB,YAAiB,EACjB,UAAkB,EAClB,YAA6C,EAC7C,UAAkB,EAClB,WAA+B,EAC/B,eAA8B,EAC9B,YAAuD,EACvD,YAAoB,EACpB,SAAS,EACT,MAAM,EACN,UAAiB,EACjB,sBAA2B,EAC3B,YAAqB,EACrB,QAAQ,EACR,QAAQ,GACT,EAAE,eAAe,+BAoMjB"}

package/dist/rpc/FilterForm.js

@@ -25,6 +25,7 @@ function FilterForm({
   showSubmit = true,
   excludedParameterNames = [],
   presentation = "form",
+  onChange,
   onSubmit
 }) {
   var _a;
@@ -46,6 +47,14 @@ function FilterForm({
   const [error, setError] = useState("");
   const debouncedValues = useDebouncedRecord(values, 250);
   const lastAutoSubmitted = useRef(null);
+  const onChangeRef = useRef(onChange);
+  useEffect(() => {
+    onChangeRef.current = onChange;
+  });
+  useEffect(() => {
+    var _a2;
+    (_a2 = onChangeRef.current) == null ? void 0 : _a2.call(onChangeRef, values);
+  }, [values]);
   const lookupParameters = useMemo(
     () => packLookupParameterValues(debouncedValues, parameters),
     [debouncedValues, parameters]

package/dist/rpc/FilterForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterForm.js","sources":["../../src/rpc/FilterForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type FormEvent } from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { FilterBar } from \"../components/FilterBar\";\nimport {\n  packLookupParameterValues,\n  parametersToFormConfig,\n  pruneParameterValues,\n  buildInitialParameterValues,\n  titleCase,\n  useDebouncedRecord,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport type { OpenAPIParameter } from \"./types\";\nimport { useOpenAPI, type OperationsApiClient } from \"./useOperations\";\nimport { ParameterGrid } from \"./FilterFormFields\";\n\nexport type FilterFormProps = {\n  client: OperationsApiClient;\n  path: string;\n  method: string;\n  parameters?: OpenAPIParameter[];\n  initialValues?: ParameterValues | undefined;\n  lockedValues?: ParameterValues | undefined;\n  hideLocked?: boolean | undefined;\n  enableLookup?: boolean | undefined;\n  autoSubmit?: boolean | undefined;\n  submitLabel?: string | undefined;\n  submittingLabel?: string | undefined;\n  emptyMessage?: string | undefined;\n  isSubmitting?: boolean | undefined;\n  className?: string | undefined;\n  formId?: string | undefined;\n  showSubmit?: boolean | undefined;\n  excludedParameterNames?: string[] | undefined;\n  /** Renders operation controls as form rows or the shared table FilterBar. */\n  presentation?: \"form\" | \"filter-bar\" | undefined;\n  onSubmit: (values: ParameterValues) => void | Promise<void>;\n};\n\nexport function FilterForm({\n  client,\n  path,\n  method,\n  parameters = [],\n  initialValues = {},\n  lockedValues = {},\n  hideLocked = false,\n  enableLookup = method.toUpperCase() === \"GET\",\n  autoSubmit = false,\n  submitLabel = \"Execute request\",\n  submittingLabel = \"Executing…\",\n  emptyMessage = \"This operation does not require input.\",\n  isSubmitting = false,\n  className,\n  formId,\n  showSubmit = true,\n  excludedParameterNames = [],\n  presentation = \"form\",\n  onSubmit,\n}: FilterFormProps) {\n  const resetKey = useMemo(\n    () =>\n      `${method}:${path}:${JSON.stringify(initialValues)}:${JSON.stringify(\n        lockedValues\n      )}`,\n    [initialValues, lockedValues, method, path]\n  );\n  const visibleParameters = useMemo(\n    () =>\n      parameters.filter(\n        (parameter) => !excludedParameterNames.includes(parameter.name)\n      ),\n    [excludedParameterNames, parameters]\n  );\n  const [values, setValues] = useState<ParameterValues>(() =>\n    buildInitialParameterValues(parameters, method, lockedValues, initialValues)\n  );\n  const [error, setError] = useState(\"\");\n  const debouncedValues = useDebouncedRecord(values, 250);\n  const lastAutoSubmitted = useRef<string | null>(null);\n  const lookupParameters = useMemo(\n    () => packLookupParameterValues(debouncedValues, parameters),\n    [debouncedValues, parameters]\n  );\n\n  const lookupQuery = useQuery({\n    queryKey: [\"filter-form-lookup\", method, path, lookupParameters],\n    queryFn: async () =>\n      (await client.lookupFilters?.(path, method, lookupParameters, {\n        Accept: \"application/json+clicky\",\n      })) ?? { filters: {} },\n    enabled:\n      enableLookup &&\n      !!client.lookupFilters &&\n      parameters.some((param) => param.in === \"query\"),\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  // Shapes come from the spec so a control keeps its identity while the lookup\n  // that fills it is in flight; see parametersToFormConfig.\n  const { data: spec } = useOpenAPI(client);\n  const filterShapes = spec?.components?.[\"x-clicky-filters\"];\n\n  const formConfig = useMemo(\n    () =>\n      parametersToFormConfig(visibleParameters, values, setValues, {\n        lookup: lookupQuery.data,\n        components: filterShapes,\n        lockedValues,\n        hideLocked,\n      }),\n    [\n      filterShapes,\n      hideLocked,\n      lockedValues,\n      lookupQuery.data,\n      visibleParameters,\n      values,\n    ]\n  );\n\n  const hasFields =\n    formConfig.filters.length > 0 ||\n    formConfig.search != null ||\n    formConfig.timeRange != null;\n\n  async function handleSubmit(event?: FormEvent) {\n    event?.preventDefault();\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value = lockedValues[param.name] ?? values[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n\n    if (missingRequired.length > 0) {\n      setError(\n        `Missing required fields: ${missingRequired\n          .map((param) => titleCase(param.name))\n          .join(\", \")}`\n      );\n      return;\n    }\n\n    setError(\"\");\n    await onSubmit(pruneParameterValues(values));\n  }\n\n  useEffect(() => {\n    setValues(\n      buildInitialParameterValues(\n        parameters,\n        method,\n        lockedValues,\n        initialValues\n      )\n    );\n    setError(\"\");\n    lastAutoSubmitted.current = null;\n  }, [resetKey]);\n\n  useEffect(() => {\n    if (!autoSubmit) {\n      return;\n    }\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value =\n        lockedValues[param.name] ?? debouncedValues[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n    if (missingRequired.length > 0) {\n      return;\n    }\n\n    const submittedValues = pruneParameterValues(debouncedValues);\n    const signature = JSON.stringify(submittedValues);\n    if (lastAutoSubmitted.current === signature) {\n      return;\n    }\n\n    lastAutoSubmitted.current = signature;\n    setError(\"\");\n    void onSubmit(submittedValues);\n  }, [autoSubmit, debouncedValues, lockedValues, onSubmit, parameters]);\n\n  return (\n    <form id={formId} className=\"space-y-3\" onSubmit={handleSubmit}>\n      {hasFields ? (\n        presentation === \"filter-bar\" ? (\n          <FilterBar\n            autoSubmit={autoSubmit}\n            filters={formConfig.filters}\n            overflowMode=\"wrap\"\n            {...(formConfig.search ? { search: formConfig.search } : {})}\n            {...(formConfig.timeRange\n              ? { timeRange: formConfig.timeRange }\n              : {})}\n            {...(!autoSubmit\n              ? {\n                  onApply: () => void handleSubmit(),\n                  applyLabel: submitLabel,\n                  isPending: isSubmitting,\n                }\n              : {})}\n            {...(className ? { className } : {})}\n          />\n        ) : (\n          <ParameterGrid\n            autoSubmit={autoSubmit}\n            filters={formConfig.filters}\n            isSubmitting={isSubmitting}\n            submitLabel={submitLabel}\n            submittingLabel={submittingLabel}\n            showSubmit={showSubmit}\n            {...(formConfig.timeRange\n              ? { timeRange: formConfig.timeRange }\n              : {})}\n            {...(className ? { className } : {})}\n          />\n        )\n      ) : (\n        <div className=\"flex items-center justify-between gap-4\">\n          <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>\n          {showSubmit ? (\n            <Button\n              type=\"button\"\n              onClick={handleSubmit}\n              disabled={isSubmitting}\n            >\n              {isSubmitting ? submittingLabel : submitLabel}\n            </Button>\n          ) : null}\n        </div>\n      )}\n\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n          {error}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"FilterForm.js","sources":["../../src/rpc/FilterForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type FormEvent } from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { FilterBar } from \"../components/FilterBar\";\nimport {\n  packLookupParameterValues,\n  parametersToFormConfig,\n  pruneParameterValues,\n  buildInitialParameterValues,\n  titleCase,\n  useDebouncedRecord,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport type { OpenAPIParameter } from \"./types\";\nimport { useOpenAPI, type OperationsApiClient } from \"./useOperations\";\nimport { ParameterGrid } from \"./FilterFormFields\";\n\nexport type FilterFormProps = {\n  client: OperationsApiClient;\n  path: string;\n  method: string;\n  parameters?: OpenAPIParameter[];\n  initialValues?: ParameterValues | undefined;\n  lockedValues?: ParameterValues | undefined;\n  hideLocked?: boolean | undefined;\n  enableLookup?: boolean | undefined;\n  autoSubmit?: boolean | undefined;\n  submitLabel?: string | undefined;\n  submittingLabel?: string | undefined;\n  emptyMessage?: string | undefined;\n  isSubmitting?: boolean | undefined;\n  className?: string | undefined;\n  formId?: string | undefined;\n  showSubmit?: boolean | undefined;\n  excludedParameterNames?: string[] | undefined;\n  /** Renders operation controls as form rows or the shared table FilterBar. */\n  presentation?: \"form\" | \"filter-bar\" | undefined;\n  /** Called with the current values whenever they change, starting with the\n   *  initial values, so the form can act as a controlled field set inside a\n   *  host form (pair with showSubmit={false}). */\n  onChange?: ((values: ParameterValues) => void) | undefined;\n  onSubmit: (values: ParameterValues) => void | Promise<void>;\n};\n\nexport function FilterForm({\n  client,\n  path,\n  method,\n  parameters = [],\n  initialValues = {},\n  lockedValues = {},\n  hideLocked = false,\n  enableLookup = method.toUpperCase() === \"GET\",\n  autoSubmit = false,\n  submitLabel = \"Execute request\",\n  submittingLabel = \"Executing…\",\n  emptyMessage = \"This operation does not require input.\",\n  isSubmitting = false,\n  className,\n  formId,\n  showSubmit = true,\n  excludedParameterNames = [],\n  presentation = \"form\",\n  onChange,\n  onSubmit,\n}: FilterFormProps) {\n  const resetKey = useMemo(\n    () =>\n      `${method}:${path}:${JSON.stringify(initialValues)}:${JSON.stringify(\n        lockedValues\n      )}`,\n    [initialValues, lockedValues, method, path]\n  );\n  const visibleParameters = useMemo(\n    () =>\n      parameters.filter(\n        (parameter) => !excludedParameterNames.includes(parameter.name)\n      ),\n    [excludedParameterNames, parameters]\n  );\n  const [values, setValues] = useState<ParameterValues>(() =>\n    buildInitialParameterValues(parameters, method, lockedValues, initialValues)\n  );\n  const [error, setError] = useState(\"\");\n  const debouncedValues = useDebouncedRecord(values, 250);\n  const lastAutoSubmitted = useRef<string | null>(null);\n  // The latest callback is read from a ref so a host passing an inline\n  // function is notified per value change, not per render.\n  const onChangeRef = useRef(onChange);\n  useEffect(() => {\n    onChangeRef.current = onChange;\n  });\n  useEffect(() => {\n    onChangeRef.current?.(values);\n  }, [values]);\n  const lookupParameters = useMemo(\n    () => packLookupParameterValues(debouncedValues, parameters),\n    [debouncedValues, parameters]\n  );\n\n  const lookupQuery = useQuery({\n    queryKey: [\"filter-form-lookup\", method, path, lookupParameters],\n    queryFn: async () =>\n      (await client.lookupFilters?.(path, method, lookupParameters, {\n        Accept: \"application/json+clicky\",\n      })) ?? { filters: {} },\n    enabled:\n      enableLookup &&\n      !!client.lookupFilters &&\n      parameters.some((param) => param.in === \"query\"),\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  // Shapes come from the spec so a control keeps its identity while the lookup\n  // that fills it is in flight; see parametersToFormConfig.\n  const { data: spec } = useOpenAPI(client);\n  const filterShapes = spec?.components?.[\"x-clicky-filters\"];\n\n  const formConfig = useMemo(\n    () =>\n      parametersToFormConfig(visibleParameters, values, setValues, {\n        lookup: lookupQuery.data,\n        components: filterShapes,\n        lockedValues,\n        hideLocked,\n      }),\n    [\n      filterShapes,\n      hideLocked,\n      lockedValues,\n      lookupQuery.data,\n      visibleParameters,\n      values,\n    ]\n  );\n\n  const hasFields =\n    formConfig.filters.length > 0 ||\n    formConfig.search != null ||\n    formConfig.timeRange != null;\n\n  async function handleSubmit(event?: FormEvent) {\n    event?.preventDefault();\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value = lockedValues[param.name] ?? values[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n\n    if (missingRequired.length > 0) {\n      setError(\n        `Missing required fields: ${missingRequired\n          .map((param) => titleCase(param.name))\n          .join(\", \")}`\n      );\n      return;\n    }\n\n    setError(\"\");\n    await onSubmit(pruneParameterValues(values));\n  }\n\n  useEffect(() => {\n    setValues(\n      buildInitialParameterValues(\n        parameters,\n        method,\n        lockedValues,\n        initialValues\n      )\n    );\n    setError(\"\");\n    lastAutoSubmitted.current = null;\n  }, [resetKey]);\n\n  useEffect(() => {\n    if (!autoSubmit) {\n      return;\n    }\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value =\n        lockedValues[param.name] ?? debouncedValues[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n    if (missingRequired.length > 0) {\n      return;\n    }\n\n    const submittedValues = pruneParameterValues(debouncedValues);\n    const signature = JSON.stringify(submittedValues);\n    if (lastAutoSubmitted.current === signature) {\n      return;\n    }\n\n    lastAutoSubmitted.current = signature;\n    setError(\"\");\n    void onSubmit(submittedValues);\n  }, [autoSubmit, debouncedValues, lockedValues, onSubmit, parameters]);\n\n  return (\n    <form id={formId} className=\"space-y-3\" onSubmit={handleSubmit}>\n      {hasFields ? (\n        presentation === \"filter-bar\" ? (\n          <FilterBar\n            autoSubmit={autoSubmit}\n            filters={formConfig.filters}\n            overflowMode=\"wrap\"\n            {...(formConfig.search ? { search: formConfig.search } : {})}\n            {...(formConfig.timeRange\n              ? { timeRange: formConfig.timeRange }\n              : {})}\n            {...(!autoSubmit\n              ? {\n                  onApply: () => void handleSubmit(),\n                  applyLabel: submitLabel,\n                  isPending: isSubmitting,\n                }\n              : {})}\n            {...(className ? { className } : {})}\n          />\n        ) : (\n          <ParameterGrid\n            autoSubmit={autoSubmit}\n            filters={formConfig.filters}\n            isSubmitting={isSubmitting}\n            submitLabel={submitLabel}\n            submittingLabel={submittingLabel}\n            showSubmit={showSubmit}\n            {...(formConfig.timeRange\n              ? { timeRange: formConfig.timeRange }\n              : {})}\n            {...(className ? { className } : {})}\n          />\n        )\n      ) : (\n        <div className=\"flex items-center justify-between gap-4\">\n          <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>\n          {showSubmit ? (\n            <Button\n              type=\"button\"\n              onClick={handleSubmit}\n              disabled={isSubmitting}\n            >\n              {isSubmitting ? submittingLabel : submitLabel}\n            </Button>\n          ) : null}\n        </div>\n      )}\n\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n          {error}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":["_a"],"mappings":"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"}

package/dist/rpc/OperationArgsForm.cjs

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const FilterForm = require("./FilterForm.cjs");
+const clickyMetadata = require("./clickyMetadata.cjs");
+const formMetadata = require("./formMetadata.cjs");
+const NO_PARAMETERS = [];
+function OperationArgsForm({
+  client,
+  operation,
+  args,
+  onChange,
+  onValidityChange,
+  className
+}) {
+  var _a;
+  const parameters = operation.operation.parameters ?? NO_PARAMETERS;
+  const [initial] = react.useState(
+    () => storedArgsToValues(args, parameters, operation.method)
+  );
+  const [values, setValues] = react.useState(initial.values);
+  const problems = react.useMemo(
+    () => parameterProblems(parameters, values),
+    [parameters, values]
+  );
+  const valid = problems.length === 0;
+  react.useEffect(() => {
+    onValidityChange == null ? void 0 : onValidityChange(valid);
+  }, [onValidityChange, valid]);
+  const handleChange = (next) => {
+    setValues(next);
+    onChange(
+      valuesToArgs({
+        parameters,
+        method: operation.method,
+        values: next,
+        stored: initial.names
+      })
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      FilterForm.FilterForm,
+      {
+        client,
+        path: operation.path,
+        method: operation.method,
+        parameters,
+        initialValues: initial.values,
+        enableLookup: Boolean((_a = clickyMetadata.getOperationClickyMeta(operation)) == null ? void 0 : _a.supportsLookup),
+        showSubmit: false,
+        onChange: handleChange,
+        onSubmit: () => void 0,
+        ...className ? { className } : {}
+      }
+    ),
+    initial.dropped.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      "Dropped arguments this operation no longer accepts:",
+      " ",
+      initial.dropped.join(", ")
+    ] }) : null,
+    problems.map((problem) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: problem }, problem))
+  ] });
+}
+function storedArgsToValues(args, parameters, method) {
+  const known = new Set(parameters.map((parameter) => parameter.name));
+  const stored = {};
+  const dropped = [];
+  for (const [name, value] of Object.entries(args)) {
+    if (!known.has(name)) {
+      dropped.push(name);
+      continue;
+    }
+    stored[name] = storedValueToString(name, value);
+  }
+  return {
+    values: formMetadata.buildInitialParameterValues(parameters, method, {}, stored),
+    names: new Set(Object.keys(stored)),
+    dropped
+  };
+}
+function storedValueToString(name, value) {
+  if (Array.isArray(value)) return value.map(String).join(",");
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  throw new Error(
+    `Stored argument ${name} has an unsupported value: ${JSON.stringify(value)}`
+  );
+}
+function valuesToArgs({
+  parameters,
+  method,
+  values,
+  stored
+}) {
+  const args = {};
+  for (const parameter of parameters) {
+    const raw = values[parameter.name] ?? "";
+    if (raw.trim() === "") continue;
+    const isDefault = raw === effectiveDefault(parameter, method);
+    if (isDefault && !parameter.required && !stored.has(parameter.name)) continue;
+    args[parameter.name] = typedValue(parameter, raw);
+  }
+  return args;
+}
+function effectiveDefault(parameter, method) {
+  var _a;
+  const value = formMetadata.defaultValueForParameter(parameter, method);
+  return ((_a = parameter.schema) == null ? void 0 : _a.type) === "boolean" && value === "" ? "false" : value;
+}
+function typedValue(parameter, raw) {
+  var _a;
+  switch ((_a = parameter.schema) == null ? void 0 : _a.type) {
+    case "boolean":
+      return raw === "true";
+    case "integer":
+      return isWholeNumber(raw) ? Number(raw) : raw;
+    case "number":
+      return isNumber(raw) ? Number(raw) : raw;
+    case "array":
+      return raw.split(",").map((item) => item.trim()).filter(Boolean);
+    default:
+      return raw;
+  }
+}
+function parameterProblems(parameters, values) {
+  var _a, _b;
+  const missing = parameters.filter(
+    (parameter) => parameter.required && (values[parameter.name] ?? "").trim() === ""
+  ).map((parameter) => formMetadata.titleCase(parameter.name));
+  const problems = missing.length > 0 ? [`Missing required fields: ${missing.join(", ")}`] : [];
+  for (const parameter of parameters) {
+    const raw = (values[parameter.name] ?? "").trim();
+    if (raw === "") continue;
+    const label = formMetadata.titleCase(parameter.name);
+    if (((_a = parameter.schema) == null ? void 0 : _a.type) === "integer" && !isWholeNumber(raw)) {
+      problems.push(`${label} must be a whole number.`);
+    } else if (((_b = parameter.schema) == null ? void 0 : _b.type) === "number" && !isNumber(raw)) {
+      problems.push(`${label} must be a number.`);
+    }
+  }
+  return problems;
+}
+function isWholeNumber(raw) {
+  return /^-?\d+$/.test(raw.trim());
+}
+function isNumber(raw) {
+  return raw.trim() !== "" && Number.isFinite(Number(raw));
+}
+exports.OperationArgsForm = OperationArgsForm;
+//# sourceMappingURL=OperationArgsForm.cjs.map

package/dist/rpc/OperationArgsForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationArgsForm.cjs","sources":["../../src/rpc/OperationArgsForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { FilterForm } from \"./FilterForm\";\nimport { getOperationClickyMeta } from \"./clickyMetadata\";\nimport {\n  buildInitialParameterValues,\n  defaultValueForParameter,\n  titleCase,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport type { OpenAPIParameter, ResolvedOperation } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\n\nexport type OperationArgs = Record<string, unknown>;\n\nexport type OperationArgsFormProps = {\n  client: OperationsApiClient;\n  operation: ResolvedOperation;\n  /** Stored args. Read when the form mounts; remount it (key) to load others. */\n  args: OperationArgs;\n  /** Called with the typed args (booleans, numbers, lists) on every change. */\n  onChange: (args: OperationArgs) => void;\n  /** Called with false while a required parameter is missing or a value is malformed. */\n  onValidityChange?: ((valid: boolean) => void) | undefined;\n  className?: string | undefined;\n};\n\nconst NO_PARAMETERS: OpenAPIParameter[] = [];\n\n// OperationArgsForm renders an operation's own parameter form — the FilterForm\n// its action button opens, with the operation's lookups — as a field set whose\n// value is a stored args object, for surfaces that save or queue a run (the\n// schedule dialog, a Run now confirmation) rather than execute it.\nexport function OperationArgsForm({\n  client,\n  operation,\n  args,\n  onChange,\n  onValidityChange,\n  className,\n}: OperationArgsFormProps) {\n  const parameters = operation.operation.parameters ?? NO_PARAMETERS;\n  const [initial] = useState(() =>\n    storedArgsToValues(args, parameters, operation.method),\n  );\n  const [values, setValues] = useState(initial.values);\n  const problems = useMemo(\n    () => parameterProblems(parameters, values),\n    [parameters, values],\n  );\n  const valid = problems.length === 0;\n\n  useEffect(() => {\n    onValidityChange?.(valid);\n  }, [onValidityChange, valid]);\n\n  const handleChange = (next: ParameterValues) => {\n    setValues(next);\n    onChange(\n      valuesToArgs({\n        parameters,\n        method: operation.method,\n        values: next,\n        stored: initial.names,\n      }),\n    );\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      <FilterForm\n        client={client}\n        path={operation.path}\n        method={operation.method}\n        parameters={parameters}\n        initialValues={initial.values}\n        enableLookup={Boolean(getOperationClickyMeta(operation)?.supportsLookup)}\n        showSubmit={false}\n        onChange={handleChange}\n        onSubmit={() => undefined}\n        {...(className ? { className } : {})}\n      />\n      {initial.dropped.length > 0 ? (\n        <p className=\"text-xs text-muted-foreground\">\n          Dropped arguments this operation no longer accepts:{\" \"}\n          {initial.dropped.join(\", \")}\n        </p>\n      ) : null}\n      {problems.map((problem) => (\n        <p key={problem} className=\"text-sm text-destructive\">\n          {problem}\n        </p>\n      ))}\n    </div>\n  );\n}\n\nfunction storedArgsToValues(\n  args: OperationArgs,\n  parameters: OpenAPIParameter[],\n  method: string,\n) {\n  const known = new Set(parameters.map((parameter) => parameter.name));\n  const stored: ParameterValues = {};\n  const dropped: string[] = [];\n  for (const [name, value] of Object.entries(args)) {\n    if (!known.has(name)) {\n      dropped.push(name);\n      continue;\n    }\n    stored[name] = storedValueToString(name, value);\n  }\n  return {\n    values: buildInitialParameterValues(parameters, method, {}, stored),\n    names: new Set(Object.keys(stored)),\n    dropped,\n  };\n}\n\nfunction storedValueToString(name: string, value: unknown): string {\n  if (Array.isArray(value)) return value.map(String).join(\",\");\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"boolean\"\n  ) {\n    return String(value);\n  }\n  throw new Error(\n    `Stored argument ${name} has an unsupported value: ${JSON.stringify(value)}`,\n  );\n}\n\n// valuesToArgs keeps what the schedule names: values that differ from the\n// parameter's default, required ones, and ones the stored args already held.\n// Untouched defaults stay out so the server keeps applying its own default.\nfunction valuesToArgs({\n  parameters,\n  method,\n  values,\n  stored,\n}: {\n  parameters: OpenAPIParameter[];\n  method: string;\n  values: ParameterValues;\n  stored: ReadonlySet<string>;\n}): OperationArgs {\n  const args: OperationArgs = {};\n  for (const parameter of parameters) {\n    const raw = values[parameter.name] ?? \"\";\n    if (raw.trim() === \"\") continue;\n    const isDefault = raw === effectiveDefault(parameter, method);\n    if (isDefault && !parameter.required && !stored.has(parameter.name)) continue;\n    args[parameter.name] = typedValue(parameter, raw);\n  }\n  return args;\n}\n\nfunction effectiveDefault(parameter: OpenAPIParameter, method: string): string {\n  const value = defaultValueForParameter(parameter, method);\n  return parameter.schema?.type === \"boolean\" && value === \"\" ? \"false\" : value;\n}\n\nfunction typedValue(parameter: OpenAPIParameter, raw: string): unknown {\n  switch (parameter.schema?.type) {\n    case \"boolean\":\n      return raw === \"true\";\n    case \"integer\":\n      return isWholeNumber(raw) ? Number(raw) : raw;\n    case \"number\":\n      return isNumber(raw) ? Number(raw) : raw;\n    case \"array\":\n      return raw\n        .split(\",\")\n        .map((item) => item.trim())\n        .filter(Boolean);\n    default:\n      return raw;\n  }\n}\n\nfunction parameterProblems(\n  parameters: OpenAPIParameter[],\n  values: ParameterValues,\n): string[] {\n  const missing = parameters\n    .filter(\n      (parameter) =>\n        parameter.required && (values[parameter.name] ?? \"\").trim() === \"\",\n    )\n    .map((parameter) => titleCase(parameter.name));\n  const problems =\n    missing.length > 0 ? [`Missing required fields: ${missing.join(\", \")}`] : [];\n  for (const parameter of parameters) {\n    const raw = (values[parameter.name] ?? \"\").trim();\n    if (raw === \"\") continue;\n    const label = titleCase(parameter.name);\n    if (parameter.schema?.type === \"integer\" && !isWholeNumber(raw)) {\n      problems.push(`${label} must be a whole number.`);\n    } else if (parameter.schema?.type === \"number\" && !isNumber(raw)) {\n      problems.push(`${label} must be a number.`);\n    }\n  }\n  return problems;\n}\n\nfunction isWholeNumber(raw: string): boolean {\n  return /^-?\\d+$/.test(raw.trim());\n}\n\nfunction isNumber(raw: string): boolean {\n  return raw.trim() !== \"\" && Number.isFinite(Number(raw));\n}\n"],"names":["useState","useMemo","useEffect","jsxs","jsx","FilterForm","getOperationClickyMeta","buildInitialParameterValues","defaultValueForParameter","titleCase"],"mappings":"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"}

package/dist/rpc/OperationArgsForm.d.ts

@@ -0,0 +1,16 @@
+import { ResolvedOperation } from './types.js';
+import { OperationsApiClient } from './useOperations.js';
+export type OperationArgs = Record<string, unknown>;
+export type OperationArgsFormProps = {
+    client: OperationsApiClient;
+    operation: ResolvedOperation;
+    /** Stored args. Read when the form mounts; remount it (key) to load others. */
+    args: OperationArgs;
+    /** Called with the typed args (booleans, numbers, lists) on every change. */
+    onChange: (args: OperationArgs) => void;
+    /** Called with false while a required parameter is missing or a value is malformed. */
+    onValidityChange?: ((valid: boolean) => void) | undefined;
+    className?: string | undefined;
+};
+export declare function OperationArgsForm({ client, operation, args, onChange, onValidityChange, className, }: OperationArgsFormProps): import("react").JSX.Element;
+//# sourceMappingURL=OperationArgsForm.d.ts.map

package/dist/rpc/OperationArgsForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationArgsForm.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationArgsForm.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEpD,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,+EAA+E;IAC/E,IAAI,EAAE,aAAa,CAAC;IACpB,6EAA6E;IAC7E,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAQF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACV,EAAE,sBAAsB,+BAuDxB"}

package/dist/rpc/OperationArgsForm.js

@@ -0,0 +1,153 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
+import { FilterForm } from "./FilterForm.js";
+import { getOperationClickyMeta } from "./clickyMetadata.js";
+import { buildInitialParameterValues, titleCase, defaultValueForParameter } from "./formMetadata.js";
+const NO_PARAMETERS = [];
+function OperationArgsForm({
+  client,
+  operation,
+  args,
+  onChange,
+  onValidityChange,
+  className
+}) {
+  var _a;
+  const parameters = operation.operation.parameters ?? NO_PARAMETERS;
+  const [initial] = useState(
+    () => storedArgsToValues(args, parameters, operation.method)
+  );
+  const [values, setValues] = useState(initial.values);
+  const problems = useMemo(
+    () => parameterProblems(parameters, values),
+    [parameters, values]
+  );
+  const valid = problems.length === 0;
+  useEffect(() => {
+    onValidityChange == null ? void 0 : onValidityChange(valid);
+  }, [onValidityChange, valid]);
+  const handleChange = (next) => {
+    setValues(next);
+    onChange(
+      valuesToArgs({
+        parameters,
+        method: operation.method,
+        values: next,
+        stored: initial.names
+      })
+    );
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(
+      FilterForm,
+      {
+        client,
+        path: operation.path,
+        method: operation.method,
+        parameters,
+        initialValues: initial.values,
+        enableLookup: Boolean((_a = getOperationClickyMeta(operation)) == null ? void 0 : _a.supportsLookup),
+        showSubmit: false,
+        onChange: handleChange,
+        onSubmit: () => void 0,
+        ...className ? { className } : {}
+      }
+    ),
+    initial.dropped.length > 0 ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      "Dropped arguments this operation no longer accepts:",
+      " ",
+      initial.dropped.join(", ")
+    ] }) : null,
+    problems.map((problem) => /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: problem }, problem))
+  ] });
+}
+function storedArgsToValues(args, parameters, method) {
+  const known = new Set(parameters.map((parameter) => parameter.name));
+  const stored = {};
+  const dropped = [];
+  for (const [name, value] of Object.entries(args)) {
+    if (!known.has(name)) {
+      dropped.push(name);
+      continue;
+    }
+    stored[name] = storedValueToString(name, value);
+  }
+  return {
+    values: buildInitialParameterValues(parameters, method, {}, stored),
+    names: new Set(Object.keys(stored)),
+    dropped
+  };
+}
+function storedValueToString(name, value) {
+  if (Array.isArray(value)) return value.map(String).join(",");
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  throw new Error(
+    `Stored argument ${name} has an unsupported value: ${JSON.stringify(value)}`
+  );
+}
+function valuesToArgs({
+  parameters,
+  method,
+  values,
+  stored
+}) {
+  const args = {};
+  for (const parameter of parameters) {
+    const raw = values[parameter.name] ?? "";
+    if (raw.trim() === "") continue;
+    const isDefault = raw === effectiveDefault(parameter, method);
+    if (isDefault && !parameter.required && !stored.has(parameter.name)) continue;
+    args[parameter.name] = typedValue(parameter, raw);
+  }
+  return args;
+}
+function effectiveDefault(parameter, method) {
+  var _a;
+  const value = defaultValueForParameter(parameter, method);
+  return ((_a = parameter.schema) == null ? void 0 : _a.type) === "boolean" && value === "" ? "false" : value;
+}
+function typedValue(parameter, raw) {
+  var _a;
+  switch ((_a = parameter.schema) == null ? void 0 : _a.type) {
+    case "boolean":
+      return raw === "true";
+    case "integer":
+      return isWholeNumber(raw) ? Number(raw) : raw;
+    case "number":
+      return isNumber(raw) ? Number(raw) : raw;
+    case "array":
+      return raw.split(",").map((item) => item.trim()).filter(Boolean);
+    default:
+      return raw;
+  }
+}
+function parameterProblems(parameters, values) {
+  var _a, _b;
+  const missing = parameters.filter(
+    (parameter) => parameter.required && (values[parameter.name] ?? "").trim() === ""
+  ).map((parameter) => titleCase(parameter.name));
+  const problems = missing.length > 0 ? [`Missing required fields: ${missing.join(", ")}`] : [];
+  for (const parameter of parameters) {
+    const raw = (values[parameter.name] ?? "").trim();
+    if (raw === "") continue;
+    const label = titleCase(parameter.name);
+    if (((_a = parameter.schema) == null ? void 0 : _a.type) === "integer" && !isWholeNumber(raw)) {
+      problems.push(`${label} must be a whole number.`);
+    } else if (((_b = parameter.schema) == null ? void 0 : _b.type) === "number" && !isNumber(raw)) {
+      problems.push(`${label} must be a number.`);
+    }
+  }
+  return problems;
+}
+function isWholeNumber(raw) {
+  return /^-?\d+$/.test(raw.trim());
+}
+function isNumber(raw) {
+  return raw.trim() !== "" && Number.isFinite(Number(raw));
+}
+export {
+  OperationArgsForm
+};
+//# sourceMappingURL=OperationArgsForm.js.map

package/dist/rpc/OperationArgsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationArgsForm.js","sources":["../../src/rpc/OperationArgsForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { FilterForm } from \"./FilterForm\";\nimport { getOperationClickyMeta } from \"./clickyMetadata\";\nimport {\n  buildInitialParameterValues,\n  defaultValueForParameter,\n  titleCase,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport type { OpenAPIParameter, ResolvedOperation } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\n\nexport type OperationArgs = Record<string, unknown>;\n\nexport type OperationArgsFormProps = {\n  client: OperationsApiClient;\n  operation: ResolvedOperation;\n  /** Stored args. Read when the form mounts; remount it (key) to load others. */\n  args: OperationArgs;\n  /** Called with the typed args (booleans, numbers, lists) on every change. */\n  onChange: (args: OperationArgs) => void;\n  /** Called with false while a required parameter is missing or a value is malformed. */\n  onValidityChange?: ((valid: boolean) => void) | undefined;\n  className?: string | undefined;\n};\n\nconst NO_PARAMETERS: OpenAPIParameter[] = [];\n\n// OperationArgsForm renders an operation's own parameter form — the FilterForm\n// its action button opens, with the operation's lookups — as a field set whose\n// value is a stored args object, for surfaces that save or queue a run (the\n// schedule dialog, a Run now confirmation) rather than execute it.\nexport function OperationArgsForm({\n  client,\n  operation,\n  args,\n  onChange,\n  onValidityChange,\n  className,\n}: OperationArgsFormProps) {\n  const parameters = operation.operation.parameters ?? NO_PARAMETERS;\n  const [initial] = useState(() =>\n    storedArgsToValues(args, parameters, operation.method),\n  );\n  const [values, setValues] = useState(initial.values);\n  const problems = useMemo(\n    () => parameterProblems(parameters, values),\n    [parameters, values],\n  );\n  const valid = problems.length === 0;\n\n  useEffect(() => {\n    onValidityChange?.(valid);\n  }, [onValidityChange, valid]);\n\n  const handleChange = (next: ParameterValues) => {\n    setValues(next);\n    onChange(\n      valuesToArgs({\n        parameters,\n        method: operation.method,\n        values: next,\n        stored: initial.names,\n      }),\n    );\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      <FilterForm\n        client={client}\n        path={operation.path}\n        method={operation.method}\n        parameters={parameters}\n        initialValues={initial.values}\n        enableLookup={Boolean(getOperationClickyMeta(operation)?.supportsLookup)}\n        showSubmit={false}\n        onChange={handleChange}\n        onSubmit={() => undefined}\n        {...(className ? { className } : {})}\n      />\n      {initial.dropped.length > 0 ? (\n        <p className=\"text-xs text-muted-foreground\">\n          Dropped arguments this operation no longer accepts:{\" \"}\n          {initial.dropped.join(\", \")}\n        </p>\n      ) : null}\n      {problems.map((problem) => (\n        <p key={problem} className=\"text-sm text-destructive\">\n          {problem}\n        </p>\n      ))}\n    </div>\n  );\n}\n\nfunction storedArgsToValues(\n  args: OperationArgs,\n  parameters: OpenAPIParameter[],\n  method: string,\n) {\n  const known = new Set(parameters.map((parameter) => parameter.name));\n  const stored: ParameterValues = {};\n  const dropped: string[] = [];\n  for (const [name, value] of Object.entries(args)) {\n    if (!known.has(name)) {\n      dropped.push(name);\n      continue;\n    }\n    stored[name] = storedValueToString(name, value);\n  }\n  return {\n    values: buildInitialParameterValues(parameters, method, {}, stored),\n    names: new Set(Object.keys(stored)),\n    dropped,\n  };\n}\n\nfunction storedValueToString(name: string, value: unknown): string {\n  if (Array.isArray(value)) return value.map(String).join(\",\");\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"boolean\"\n  ) {\n    return String(value);\n  }\n  throw new Error(\n    `Stored argument ${name} has an unsupported value: ${JSON.stringify(value)}`,\n  );\n}\n\n// valuesToArgs keeps what the schedule names: values that differ from the\n// parameter's default, required ones, and ones the stored args already held.\n// Untouched defaults stay out so the server keeps applying its own default.\nfunction valuesToArgs({\n  parameters,\n  method,\n  values,\n  stored,\n}: {\n  parameters: OpenAPIParameter[];\n  method: string;\n  values: ParameterValues;\n  stored: ReadonlySet<string>;\n}): OperationArgs {\n  const args: OperationArgs = {};\n  for (const parameter of parameters) {\n    const raw = values[parameter.name] ?? \"\";\n    if (raw.trim() === \"\") continue;\n    const isDefault = raw === effectiveDefault(parameter, method);\n    if (isDefault && !parameter.required && !stored.has(parameter.name)) continue;\n    args[parameter.name] = typedValue(parameter, raw);\n  }\n  return args;\n}\n\nfunction effectiveDefault(parameter: OpenAPIParameter, method: string): string {\n  const value = defaultValueForParameter(parameter, method);\n  return parameter.schema?.type === \"boolean\" && value === \"\" ? \"false\" : value;\n}\n\nfunction typedValue(parameter: OpenAPIParameter, raw: string): unknown {\n  switch (parameter.schema?.type) {\n    case \"boolean\":\n      return raw === \"true\";\n    case \"integer\":\n      return isWholeNumber(raw) ? Number(raw) : raw;\n    case \"number\":\n      return isNumber(raw) ? Number(raw) : raw;\n    case \"array\":\n      return raw\n        .split(\",\")\n        .map((item) => item.trim())\n        .filter(Boolean);\n    default:\n      return raw;\n  }\n}\n\nfunction parameterProblems(\n  parameters: OpenAPIParameter[],\n  values: ParameterValues,\n): string[] {\n  const missing = parameters\n    .filter(\n      (parameter) =>\n        parameter.required && (values[parameter.name] ?? \"\").trim() === \"\",\n    )\n    .map((parameter) => titleCase(parameter.name));\n  const problems =\n    missing.length > 0 ? [`Missing required fields: ${missing.join(\", \")}`] : [];\n  for (const parameter of parameters) {\n    const raw = (values[parameter.name] ?? \"\").trim();\n    if (raw === \"\") continue;\n    const label = titleCase(parameter.name);\n    if (parameter.schema?.type === \"integer\" && !isWholeNumber(raw)) {\n      problems.push(`${label} must be a whole number.`);\n    } else if (parameter.schema?.type === \"number\" && !isNumber(raw)) {\n      problems.push(`${label} must be a number.`);\n    }\n  }\n  return problems;\n}\n\nfunction isWholeNumber(raw: string): boolean {\n  return /^-?\\d+$/.test(raw.trim());\n}\n\nfunction isNumber(raw: string): boolean {\n  return raw.trim() !== \"\" && Number.isFinite(Number(raw));\n}\n"],"names":[],"mappings":"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"}