@fxhash/params 0.0.10 → 0.0.11

package/dist/chunk-MWP7SJWC.js

@@ -1,103 +0,0 @@
-// src/validation.ts
-import { z } from "zod";
-var ControllerTypeSchema = z.enum([
-  "number",
-  "bigint",
-  "color",
-  "string",
-  "bytes",
-  "boolean",
-  "select"
-]);
-var FxParamOptions_bigintSchema = z.object({
-  min: z.number().or(z.bigint()).optional(),
-  max: z.number().or(z.bigint()).optional()
-});
-var FxParamOptions_numberSchema = z.object({
-  min: z.number().gte(Number.MIN_SAFE_INTEGER).optional(),
-  max: z.number().lte(Number.MAX_SAFE_INTEGER).optional(),
-  step: z.number().optional()
-});
-var FxParamOptions_stringSchema = z.object({
-  minLength: z.number().gte(0).optional(),
-  maxLength: z.number().optional()
-});
-var FxParamOptions_bytesSchema = z.object({
-  length: z.number().gt(0)
-});
-var FxParamOptions_selectSchema = z.object({
-  options: z.string().array().nonempty()
-});
-var BaseControllerDefinitionSchema = z.object({
-  id: z.string(),
-  name: z.string().optional(),
-  exposedAsFeature: z.boolean().optional()
-});
-var StringControllerSchema = BaseControllerDefinitionSchema.extend({
-  type: z.literal(ControllerTypeSchema.enum.string),
-  options: FxParamOptions_stringSchema.optional(),
-  default: z.string().optional()
-});
-var BytesControllerSchema = BaseControllerDefinitionSchema.extend({
-  type: z.literal(ControllerTypeSchema.enum.bytes),
-  options: FxParamOptions_bytesSchema,
-  default: z.any().optional(),
-  update: z.literal("code-driven", {
-    invalid_type_error: "Bytes parameters must be code-driven",
-    required_error: "Bytes parameters must be code-driven"
-  })
-});
-var NumberControllerSchema = BaseControllerDefinitionSchema.extend({
-  type: z.literal(ControllerTypeSchema.enum.number),
-  options: FxParamOptions_numberSchema.optional(),
-  default: z.number().gte(Number.MIN_SAFE_INTEGER).lte(Number.MAX_SAFE_INTEGER).optional()
-});
-var BigIntControllerSchema = BaseControllerDefinitionSchema.extend({
-  type: z.literal(ControllerTypeSchema.enum.bigint),
-  options: FxParamOptions_bigintSchema.optional(),
-  default: z.bigint().optional()
-});
-var SelectControllerSchema = BaseControllerDefinitionSchema.extend({
-  type: z.literal(ControllerTypeSchema.enum.select),
-  options: FxParamOptions_selectSchema,
-  default: z.string().optional()
-});
-var BooleanControllerSchema = BaseControllerDefinitionSchema.extend({
-  type: z.literal(ControllerTypeSchema.enum.boolean),
-  options: z.undefined(),
-  default: z.boolean().optional()
-});
-var ColorControllerSchema = BaseControllerDefinitionSchema.extend({
-  type: z.literal(ControllerTypeSchema.enum.color),
-  options: z.undefined(),
-  default: z.string().optional()
-});
-var ControllerDefinitionSchema = z.union([
-  StringControllerSchema,
-  NumberControllerSchema,
-  BigIntControllerSchema,
-  SelectControllerSchema,
-  BytesControllerSchema,
-  BooleanControllerSchema,
-  ColorControllerSchema
-]);
-var controllerSchema = {
-  number: NumberControllerSchema,
-  bigint: BigIntControllerSchema,
-  color: ColorControllerSchema,
-  string: StringControllerSchema,
-  bytes: BytesControllerSchema,
-  boolean: BooleanControllerSchema,
-  select: SelectControllerSchema
-};
-function validateParameterDefinition(parameterDefinition) {
-  return controllerSchema[parameterDefinition.type]?.safeParse(
-    parameterDefinition
-  );
-}
-
-export {
-  BaseControllerDefinitionSchema,
-  validateParameterDefinition
-};
-//# sourceMappingURL=chunk-MWP7SJWC.js.map

package/dist/chunk-MWP7SJWC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/validation.ts"],"sourcesContent":["import { SafeParseError, SafeParseSuccess, z } from \"zod\"\nimport { FxParamDefinition, FxParamType } from \"./types\"\n\nconst ControllerTypeSchema = z.enum([\n  \"number\",\n  \"bigint\",\n  \"color\",\n  \"string\",\n  \"bytes\",\n  \"boolean\",\n  \"select\",\n])\n\nconst FxParamOptions_bigintSchema = z.object({\n  min: z.number().or(z.bigint()).optional(),\n  max: z.number().or(z.bigint()).optional(),\n})\n\nconst FxParamOptions_numberSchema = z.object({\n  min: z.number().gte(Number.MIN_SAFE_INTEGER).optional(),\n  max: z.number().lte(Number.MAX_SAFE_INTEGER).optional(),\n  step: z.number().optional(),\n})\n\nconst FxParamOptions_stringSchema = z.object({\n  minLength: z.number().gte(0).optional(),\n  maxLength: z.number().optional(),\n})\n\nconst FxParamOptions_bytesSchema = z.object({\n  length: z.number().gt(0),\n})\n\nconst FxParamOptions_selectSchema = z.object({\n  options: z.string().array().nonempty(),\n})\n\nexport const BaseControllerDefinitionSchema = z.object({\n  id: z.string(),\n  name: z.string().optional(),\n  exposedAsFeature: z.boolean().optional(),\n})\n\nconst StringControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.string),\n  options: FxParamOptions_stringSchema.optional(),\n  default: z.string().optional(),\n})\n\nconst BytesControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.bytes),\n  options: FxParamOptions_bytesSchema,\n  default: z.any().optional(),\n  update: z.literal(\"code-driven\", {\n    invalid_type_error: \"Bytes parameters must be code-driven\",\n    required_error: \"Bytes parameters must be code-driven\",\n  }),\n})\n\nconst NumberControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.number),\n  options: FxParamOptions_numberSchema.optional(),\n  default: z\n    .number()\n    .gte(Number.MIN_SAFE_INTEGER)\n    .lte(Number.MAX_SAFE_INTEGER)\n    .optional(),\n})\n\nconst BigIntControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.bigint),\n  options: FxParamOptions_bigintSchema.optional(),\n  default: z.bigint().optional(),\n})\n\nconst SelectControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.select),\n  options: FxParamOptions_selectSchema,\n  default: z.string().optional(),\n})\n\nconst BooleanControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.boolean),\n  options: z.undefined(),\n  default: z.boolean().optional(),\n})\n\nconst ColorControllerSchema = BaseControllerDefinitionSchema.extend({\n  type: z.literal(ControllerTypeSchema.enum.color),\n  options: z.undefined(),\n  default: z.string().optional(),\n})\n\nconst ControllerDefinitionSchema = z.union([\n  StringControllerSchema,\n  NumberControllerSchema,\n  BigIntControllerSchema,\n  SelectControllerSchema,\n  BytesControllerSchema,\n  BooleanControllerSchema,\n  ColorControllerSchema,\n])\n\nexport type ControllerDefinitionSchemaType = z.infer<\n  typeof ControllerDefinitionSchema\n>\n\nconst controllerSchema = {\n  number: NumberControllerSchema,\n  bigint: BigIntControllerSchema,\n  color: ColorControllerSchema,\n  string: StringControllerSchema,\n  bytes: BytesControllerSchema,\n  boolean: BooleanControllerSchema,\n  select: SelectControllerSchema,\n}\n\nexport function validateParameterDefinition(\n  parameterDefinition: FxParamDefinition<FxParamType>\n):\n  | SafeParseError<ControllerDefinitionSchemaType>\n  | SafeParseSuccess<ControllerDefinitionSchemaType>\n  | undefined {\n  return controllerSchema[parameterDefinition.type]?.safeParse(\n    parameterDefinition\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-NBDFYP3Y.js

@@ -1,24 +0,0 @@
-import {
-  HTMLInputController
-} from "./chunk-2SARESCF.js";
-
-// src/Controller/String.tsx
-import { jsx } from "react/jsx-runtime";
-function StringController(props) {
-  const { options } = props;
-  const minLength = Number(options?.minLength) || 0;
-  const maxLength = Number(options?.maxLength) || 64;
-  return /* @__PURE__ */ jsx(
-    HTMLInputController,
-    {
-      type: "text",
-      inputProps: { minLength, maxLength },
-      ...props
-    }
-  );
-}
-
-export {
-  StringController
-};
-//# sourceMappingURL=chunk-NBDFYP3Y.js.map

package/dist/chunk-NBDFYP3Y.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Controller/String.tsx"],"sourcesContent":["import { FxParamControllerProps, HTMLInputController } from \"./Controller\"\n\nexport function StringController(props: FxParamControllerProps<\"string\">) {\n  const { options } = props\n  const minLength = Number(options?.minLength) || 0\n  const maxLength = Number(options?.maxLength) || 64\n\n  return (\n    <HTMLInputController\n      type=\"text\"\n      inputProps={{ minLength, maxLength }}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;AAQI;AANG,SAAS,iBAAiB,OAAyC;AACxE,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,YAAY,OAAO,SAAS,SAAS,KAAK;AAChD,QAAM,YAAY,OAAO,SAAS,SAAS,KAAK;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,YAAY,EAAE,WAAW,UAAU;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-SOEAQVIE.js

@@ -1,34 +0,0 @@
-import {
-  Controller
-} from "./chunk-2SARESCF.js";
-import {
-  BaseSelect
-} from "./chunk-BEDRMOBJ.js";
-
-// src/Controller/Select.tsx
-import { jsx } from "react/jsx-runtime";
-function SelectController({
-  id,
-  label,
-  value,
-  onChange,
-  options,
-  isCodeDriven
-}) {
-  return /* @__PURE__ */ jsx(Controller, { id, label, isCodeDriven, children: /* @__PURE__ */ jsx(
-    BaseSelect,
-    {
-      name: id,
-      id,
-      onChange,
-      value,
-      disabled: isCodeDriven,
-      children: options?.options.map((o) => /* @__PURE__ */ jsx("option", { value: o, children: o }, o))
-    }
-  ) });
-}
-
-export {
-  SelectController
-};
-//# sourceMappingURL=chunk-SOEAQVIE.js.map

package/dist/chunk-SOEAQVIE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Controller/Select.tsx"],"sourcesContent":["import { Controller, FxParamControllerProps } from \"./Controller\"\nimport { BaseSelect } from \"../BaseInput\"\n\nexport function SelectController({\n  id,\n  label,\n  value,\n  onChange,\n  options,\n  isCodeDriven,\n}: FxParamControllerProps<\"select\">) {\n  return (\n    <Controller id={id} label={label} isCodeDriven={isCodeDriven}>\n      <BaseSelect\n        name={id}\n        id={id}\n        onChange={onChange}\n        value={value}\n        disabled={isCodeDriven}\n      >\n        {options?.options.map(o => (\n          <option key={o} value={o}>\n            {o}\n          </option>\n        ))}\n      </BaseSelect>\n    </Controller>\n  )\n}\n"],"mappings":";;;;;;;;AAqBU;AAlBH,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE,oBAAC,cAAW,IAAQ,OAAc,cAChC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MAET,mBAAS,QAAQ,IAAI,OACpB,oBAAC,YAAe,OAAO,GACpB,eADU,CAEb,CACD;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/chunk-TQGOPELV.cjs

@@ -1,67 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Controller/Invalid.tsx
-var _react = require('react');
-
-// src/Controller/Invalid.module.scss
-var Invalid_module_default = {
-  "invalid": "_invalid_u8v12_1",
-  "isOpen": "_isOpen_u8v12_30",
-  "errorsWrapper": "_errorsWrapper_u8v12_34",
-  "attributes": "_attributes_u8v12_40",
-  "issue": "_issue_u8v12_44"
-};
-
-// src/Controller/Invalid.tsx
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-var _jsxruntime = require('react/jsx-runtime');
-function Issue(props) {
-  const { issue } = props;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: Invalid_module_default.issue, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h3", { children: [
-      issue.code,
-      " at ",
-      issue.path.join(".")
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: issue.message })
-  ] });
-}
-function Attribute(props) {
-  const { id, definition } = props;
-  if (!definition[id])
-    return null;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    id,
-    ": ",
-    definition[id]
-  ] }) });
-}
-function ControllerInvalid(props) {
-  const { definition, error } = props;
-  const [showIssues, setShowIssues] = _react.useState.call(void 0, false);
-  const handleToggleShowIssues = () => {
-    setShowIssues(!showIssues);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _classnames2.default.call(void 0, Invalid_module_default.invalid), children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { onClick: handleToggleShowIssues, children: [
-      "Invalid parameter definition",
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "i", { className: _classnames2.default.call(void 0, { [Invalid_module_default.isOpen]: showIssues }), children: showIssues ? "-" : "+" })
-    ] }),
-    showIssues && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: Invalid_module_default.errorsWrapper, children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: Invalid_module_default.attributes, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Attribute, { definition, id: "id" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Attribute, { definition, id: "name" })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: _classnames2.default.call(void 0, Invalid_module_default.issues, { [Invalid_module_default.isOpen]: showIssues }), children: error.issues.map((issue) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        Issue,
-        {
-          issue
-        },
-        `${issue.code}-${issue.path.join("-")}`
-      )) })
-    ] })
-  ] });
-}
-
-
-
-exports.ControllerInvalid = ControllerInvalid;
-//# sourceMappingURL=chunk-TQGOPELV.cjs.map

package/dist/chunk-TQGOPELV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Controller/Invalid.tsx","../src/Controller/Invalid.module.scss"],"names":[],"mappings":";AAAA,SAAS,gBAAgB;;;ACA6B,IAAO,yBAAQ;AAAA,EACnE,WAAW;AAAA,EACX,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,SAAS;AACX;;;ADFA,OAAO,QAAQ;AAUT,SAkBA,UAfA,KAHA;AAJN,SAAS,MAAM,OAAmB;AAChC,QAAM,EAAE,MAAM,IAAI;AAClB,SACE,qBAAC,QAAG,WAAW,uBAAQ,OACrB;AAAA,yBAAC,QACE;AAAA,YAAM;AAAA,MAAK;AAAA,MAAK,MAAM,KAAK,KAAK,GAAG;AAAA,OACtC;AAAA,IACA,oBAAC,OAAG,gBAAM,SAAQ;AAAA,KACpB;AAEJ;AAOA,SAAS,UAAU,OAAuB;AACxC,QAAM,EAAE,IAAI,WAAW,IAAI;AAC3B,MAAI,CAAC,WAAW,EAAE;AAAG,WAAO;AAC5B,SACE,oBAAC,QACC,2CACG;AAAA;AAAA,IAAG;AAAA,IAAG,WAAW,EAAE;AAAA,KACtB,GACF;AAEJ;AAOO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,EAAE,YAAY,MAAM,IAAI;AAE9B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,yBAAyB,MAAM;AACnC,kBAAc,CAAC,UAAU;AAAA,EAC3B;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,uBAAQ,OAAO,GAChC;AAAA,yBAAC,WAAM,SAAS,wBAAwB;AAAA;AAAA,MAEtC,oBAAC,OAAE,WAAW,GAAG,EAAE,CAAC,uBAAQ,MAAM,GAAG,WAAW,CAAC,GAC9C,uBAAa,MAAM,KACtB;AAAA,OACF;AAAA,IACC,cACC,qBAAC,SAAI,WAAW,uBAAQ,eACtB;AAAA,2BAAC,SAAI,WAAW,uBAAQ,YACtB;AAAA,4BAAC,aAAU,YAAwB,IAAG,MAAK;AAAA,QAC3C,oBAAC,aAAU,YAAwB,IAAG,QAAO;AAAA,SAC/C;AAAA,MACA,oBAAC,QAAG,WAAW,GAAG,uBAAQ,QAAQ,EAAE,CAAC,uBAAQ,MAAM,GAAG,WAAW,CAAC,GAC/D,gBAAM,OAAO,IAAI,WAChB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA;AAAA,QADK,GAAG,MAAM,QAAQ,MAAM,KAAK,KAAK,GAAG;AAAA,MAE3C,CACD,GACH;AAAA,OACF;AAAA,KAEJ;AAEJ","sourcesContent":["import { useState } from \"react\"\nimport { FxParamDefinition, FxParamType } from \"../types\"\nimport { ZodError, ZodIssue } from \"zod\"\nimport classes from \"./Invalid.module.scss\"\nimport cx from \"classnames\"\n\ninterface IssueProps {\n  issue: ZodIssue\n}\n\nfunction Issue(props: IssueProps) {\n  const { issue } = props\n  return (\n    <li className={classes.issue}>\n      <h3>\n        {issue.code} at {issue.path.join(\".\")}\n      </h3>\n      <p>{issue.message}</p>\n    </li>\n  )\n}\n\ninterface AttributeProps {\n  id: keyof FxParamDefinition<FxParamType>\n  definition: FxParamDefinition<FxParamType>\n}\n\nfunction Attribute(props: AttributeProps) {\n  const { id, definition } = props\n  if (!definition[id]) return null\n  return (\n    <h4>\n      <>\n        {id}: {definition[id]}\n      </>\n    </h4>\n  )\n}\n\nexport interface ControllerInvalidProps {\n  definition: FxParamDefinition<FxParamType>\n  error: ZodError\n}\n\nexport function ControllerInvalid(props: ControllerInvalidProps) {\n  const { definition, error } = props\n\n  const [showIssues, setShowIssues] = useState(false)\n\n  const handleToggleShowIssues = () => {\n    setShowIssues(!showIssues)\n  }\n\n  return (\n    <div className={cx(classes.invalid)}>\n      <label onClick={handleToggleShowIssues}>\n        Invalid parameter definition\n        <i className={cx({ [classes.isOpen]: showIssues })}>\n          {showIssues ? \"-\" : \"+\"}\n        </i>\n      </label>\n      {showIssues && (\n        <div className={classes.errorsWrapper}>\n          <div className={classes.attributes}>\n            <Attribute definition={definition} id=\"id\" />\n            <Attribute definition={definition} id=\"name\" />\n          </div>\n          <ul className={cx(classes.issues, { [classes.isOpen]: showIssues })}>\n            {error.issues.map(issue => (\n              <Issue\n                key={`${issue.code}-${issue.path.join(\"-\")}`}\n                issue={issue}\n              />\n            ))}\n          </ul>\n        </div>\n      )}\n    </div>\n  )\n}\n","import 'css-chunk:src/Controller/Invalid.module.scss';export default {\n  \"invalid\": \"_invalid_u8v12_1\",\n  \"isOpen\": \"_isOpen_u8v12_30\",\n  \"errorsWrapper\": \"_errorsWrapper_u8v12_34\",\n  \"attributes\": \"_attributes_u8v12_40\",\n  \"issue\": \"_issue_u8v12_44\"\n};"]}

package/dist/chunk-WHVPVEYH.cjs

@@ -1,34 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkM7HJ2CKMcjs = require('./chunk-M7HJ2CKM.cjs');
-
-
-var _chunkCVLSVTCXcjs = require('./chunk-CVLSVTCX.cjs');
-
-// src/Controller/Select.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function SelectController({
-  id,
-  label,
-  value,
-  onChange,
-  options,
-  isCodeDriven
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM7HJ2CKMcjs.Controller, { id, label, isCodeDriven, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkCVLSVTCXcjs.BaseSelect,
-    {
-      name: id,
-      id,
-      onChange,
-      value,
-      disabled: isCodeDriven,
-      children: _optionalChain([options, 'optionalAccess', _ => _.options, 'access', _2 => _2.map, 'call', _3 => _3((o) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: o, children: o }, o))])
-    }
-  ) });
-}
-
-
-
-exports.SelectController = SelectController;
-//# sourceMappingURL=chunk-WHVPVEYH.cjs.map

package/dist/chunk-WHVPVEYH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Controller/Select.tsx"],"names":[],"mappings":";;;;;;;;AAqBU;AAlBH,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE,oBAAC,cAAW,IAAQ,OAAc,cAChC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MAET,mBAAS,QAAQ,IAAI,OACpB,oBAAC,YAAe,OAAO,GACpB,eADU,CAEb,CACD;AAAA;AAAA,EACH,GACF;AAEJ","sourcesContent":["import { Controller, FxParamControllerProps } from \"./Controller\"\nimport { BaseSelect } from \"../BaseInput\"\n\nexport function SelectController({\n  id,\n  label,\n  value,\n  onChange,\n  options,\n  isCodeDriven,\n}: FxParamControllerProps<\"select\">) {\n  return (\n    <Controller id={id} label={label} isCodeDriven={isCodeDriven}>\n      <BaseSelect\n        name={id}\n        id={id}\n        onChange={onChange}\n        value={value}\n        disabled={isCodeDriven}\n      >\n        {options?.options.map(o => (\n          <option key={o} value={o}>\n            {o}\n          </option>\n        ))}\n      </BaseSelect>\n    </Controller>\n  )\n}\n"]}

package/dist/chunk-X4GS3I5P.js

@@ -1,110 +0,0 @@
-import {
-  NumberController
-} from "./chunk-YNPYJVNU.js";
-import {
-  SelectController
-} from "./chunk-SOEAQVIE.js";
-import {
-  StringController
-} from "./chunk-NBDFYP3Y.js";
-import {
-  validateParameterDefinition
-} from "./chunk-MWP7SJWC.js";
-import {
-  BigIntController
-} from "./chunk-GXCX5YCI.js";
-import {
-  BooleanController
-} from "./chunk-ZALRIFOG.js";
-import {
-  BytesController
-} from "./chunk-HIC6NEI2.js";
-import {
-  ColorController
-} from "./chunk-4OKETOHR.js";
-import {
-  ControllerInvalid
-} from "./chunk-GDSG5VLX.js";
-
-// src/Controller/Param.tsx
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var controllerDefinitions = {
-  number: {
-    type: "number",
-    controller: NumberController,
-    handler: (e) => Number(e.target.value)
-  },
-  bigint: {
-    type: "bigint",
-    controller: BigIntController,
-    handler: (e) => BigInt(e.target.value)
-  },
-  string: {
-    type: "string",
-    controller: StringController,
-    handler: (e) => e.target.value
-  },
-  bytes: {
-    type: "bytes",
-    controller: BytesController,
-    handler: (e) => e.target.value
-  },
-  boolean: {
-    type: "boolean",
-    controller: BooleanController,
-    handler: (e) => e.target.checked
-  },
-  color: {
-    type: "color",
-    controller: ColorController,
-    handler: (v) => v
-  },
-  select: {
-    type: "select",
-    controller: SelectController,
-    handler: (e) => e.target.value
-  }
-};
-function ParameterController(props) {
-  const { parameter, onChange, parsed } = props;
-  const parsedDefinition = useMemo(
-    () => parsed || validateParameterDefinition(parameter),
-    [parameter, parsed]
-  );
-  const { controller: Controller, handler } = useMemo(
-    () => controllerDefinitions[parameter.type],
-    [parameter.type]
-  );
-  const handleChangeParam = (e) => {
-    const value = handler(e);
-    onChange(parameter.id, value);
-  };
-  if (parsedDefinition && parsedDefinition.success === false) {
-    return /* @__PURE__ */ jsx(
-      ControllerInvalid,
-      {
-        definition: parameter,
-        error: parsedDefinition.error
-      }
-    );
-  }
-  const isCodeDriven = parameter.update === "code-driven";
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      id: parameter.id,
-      label: parameter.name,
-      value: props.value,
-      onChange: handleChangeParam,
-      options: parameter.options,
-      isCodeDriven
-    }
-  );
-}
-
-export {
-  controllerDefinitions,
-  ParameterController
-};
-//# sourceMappingURL=chunk-X4GS3I5P.js.map

package/dist/chunk-X4GS3I5P.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Controller/Param.tsx"],"sourcesContent":["import { useMemo, ReactElement } from \"react\"\nimport { FxParamDefinition, FxParamType } from \"../types\"\nimport { FxParamInputChangeHandler, FxParamControllerProps } from \"./Controller\"\nimport { BooleanController } from \"./Boolean\"\nimport { ColorController } from \"./Color\"\nimport { NumberController } from \"./Number\"\nimport { BigIntController } from \"./BigInt\"\nimport { SelectController } from \"./Select\"\nimport { StringController } from \"./String\"\nimport {\n  validateParameterDefinition,\n  ControllerDefinitionSchemaType,\n} from \"../validation\"\nimport { SafeParseError, SafeParseSuccess, z } from \"zod\"\nimport { ControllerInvalid } from \"./Invalid\"\nimport { BytesController } from \"./Bytes\"\n\ninterface FxParamControllerDefiniton<Type extends FxParamType> {\n  type: Type\n  controller: (props: FxParamControllerProps<Type>) => ReactElement\n  handler: FxParamInputChangeHandler\n}\n\nexport type FxParamControllerDefinitions = {\n  [T in FxParamType]: FxParamControllerDefiniton<T>\n}\n\nexport const controllerDefinitions: FxParamControllerDefinitions = {\n  number: {\n    type: \"number\",\n    controller: NumberController,\n    handler: e => Number(e.target.value),\n  },\n  bigint: {\n    type: \"bigint\",\n    controller: BigIntController,\n    handler: e => BigInt(e.target.value),\n  },\n  string: {\n    type: \"string\",\n    controller: StringController,\n    handler: e => e.target.value,\n  },\n  bytes: {\n    type: \"bytes\",\n    controller: BytesController,\n    handler: e => e.target.value,\n  },\n  boolean: {\n    type: \"boolean\",\n    controller: BooleanController,\n    handler: e => (e as React.ChangeEvent<HTMLInputElement>).target.checked,\n  },\n  color: {\n    type: \"color\",\n    controller: ColorController,\n    handler: v => v,\n  },\n  select: {\n    type: \"select\",\n    controller: SelectController,\n    handler: e => e.target.value,\n  },\n}\n\nexport interface ParameterControllerProps {\n  parameter: FxParamDefinition<FxParamType>\n  value: any\n  onChange: (id: string, value: any) => void\n  parsed?:\n    | SafeParseError<ControllerDefinitionSchemaType>\n    | SafeParseSuccess<ControllerDefinitionSchemaType>\n}\n\nexport function ParameterController(props: ParameterControllerProps) {\n  const { parameter, onChange, parsed } = props\n\n  const parsedDefinition = useMemo(\n    () => parsed || validateParameterDefinition(parameter),\n    [parameter, parsed]\n  )\n  const { controller: Controller, handler } = useMemo(\n    () => controllerDefinitions[parameter.type],\n    [parameter.type]\n  )\n\n  const handleChangeParam = (e: any) => {\n    const value = handler(e)\n    onChange(parameter.id, value)\n  }\n\n  if (parsedDefinition && parsedDefinition.success === false) {\n    return (\n      <ControllerInvalid\n        definition={parameter}\n        error={parsedDefinition.error}\n      />\n    )\n  }\n\n  const isCodeDriven = parameter.update === \"code-driven\"\n\n  return (\n    <Controller\n      id={parameter.id}\n      label={parameter.name}\n      value={props.value}\n      onChange={handleChangeParam}\n      // TODO: This should be properly casted\n      options={parameter.options as any}\n      isCodeDriven={isCodeDriven}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,eAA6B;AA6FhC;AAlEC,IAAM,wBAAsD;AAAA,EACjE,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,OAAO,EAAE,OAAO,KAAK;AAAA,EACrC;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,OAAO,EAAE,OAAO,KAAK;AAAA,EACrC;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,EAAE,OAAO;AAAA,EACzB;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,EAAE,OAAO;AAAA,EACzB;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAM,EAA0C,OAAO;AAAA,EAClE;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK;AAAA,EAChB;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,OAAK,EAAE,OAAO;AAAA,EACzB;AACF;AAWO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,EAAE,WAAW,UAAU,OAAO,IAAI;AAExC,QAAM,mBAAmB;AAAA,IACvB,MAAM,UAAU,4BAA4B,SAAS;AAAA,IACrD,CAAC,WAAW,MAAM;AAAA,EACpB;AACA,QAAM,EAAE,YAAY,YAAY,QAAQ,IAAI;AAAA,IAC1C,MAAM,sBAAsB,UAAU,IAAI;AAAA,IAC1C,CAAC,UAAU,IAAI;AAAA,EACjB;AAEA,QAAM,oBAAoB,CAAC,MAAW;AACpC,UAAM,QAAQ,QAAQ,CAAC;AACvB,aAAS,UAAU,IAAI,KAAK;AAAA,EAC9B;AAEA,MAAI,oBAAoB,iBAAiB,YAAY,OAAO;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ,OAAO,iBAAiB;AAAA;AAAA,IAC1B;AAAA,EAEJ;AAEA,QAAM,eAAe,UAAU,WAAW;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,UAAU;AAAA,MACd,OAAO,UAAU;AAAA,MACjB,OAAO,MAAM;AAAA,MACb,UAAU;AAAA,MAEV,SAAS,UAAU;AAAA,MACnB;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-XYWE6TCQ.js

@@ -1,37 +0,0 @@
-import {
-  IconButton
-} from "./chunk-BEDRMOBJ.js";
-
-// src/LockButton/LockButton.tsx
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-// src/LockButton/LockButton.module.scss
-var LockButton_module_default = {
-  "lockButton": "_lockButton_xs4tj_1"
-};
-
-// src/LockButton/LockButton.tsx
-import { faLock, faLockOpen } from "@fortawesome/free-solid-svg-icons";
-import cx from "classnames";
-import { jsx } from "react/jsx-runtime";
-function LockButton(props) {
-  const { isLocked, className, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      color: "secondary",
-      className: cx(
-        LockButton_module_default.lockButton,
-        { [LockButton_module_default.isOpen]: !isLocked },
-        className
-      ),
-      ...rest,
-      children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: isLocked ? faLock : faLockOpen })
-    }
-  );
-}
-
-export {
-  LockButton
-};
-//# sourceMappingURL=chunk-XYWE6TCQ.js.map

package/dist/chunk-XYWE6TCQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/LockButton/LockButton.tsx","../src/LockButton/LockButton.module.scss"],"sourcesContent":["import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\nimport { BaseButtonProps, IconButton } from \"../BaseInput\"\nimport classes from \"./LockButton.module.scss\"\nimport { faLock, faLockOpen } from \"@fortawesome/free-solid-svg-icons\"\nimport cx from \"classnames\"\ninterface LockButtonProps extends BaseButtonProps {\n  isLocked?: boolean\n  className?: string\n}\n\nexport function LockButton(props: LockButtonProps) {\n  const { isLocked, className, ...rest } = props\n  return (\n    <IconButton\n      color=\"secondary\"\n      className={cx(\n        classes.lockButton,\n        { [classes.isOpen]: !isLocked },\n        className\n      )}\n      {...rest}\n    >\n      <FontAwesomeIcon icon={isLocked ? faLock : faLockOpen} />\n    </IconButton>\n  )\n}\n","import 'css-chunk:src/LockButton/LockButton.module.scss';export default {\n  \"lockButton\": \"_lockButton_xs4tj_1\"\n};"],"mappings":";;;;;AAAA,SAAS,uBAAuB;;;ACAyB,IAAO,4BAAQ;AAAA,EACtE,cAAc;AAChB;;;ADCA,SAAS,QAAQ,kBAAkB;AACnC,OAAO,QAAQ;AAkBT;AAZC,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,UAAU,WAAW,GAAG,KAAK,IAAI;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAW;AAAA,QACT,0BAAQ;AAAA,QACR,EAAE,CAAC,0BAAQ,MAAM,GAAG,CAAC,SAAS;AAAA,QAC9B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,mBAAgB,MAAM,WAAW,SAAS,YAAY;AAAA;AAAA,EACzD;AAEJ;","names":[]}

package/dist/chunk-YLZI7BR5.cjs

@@ -1,120 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-
-var _chunkM7HJ2CKMcjs = require('./chunk-M7HJ2CKM.cjs');
-
-
-
-var _chunkLVN3UGUHcjs = require('./chunk-LVN3UGUH.cjs');
-
-
-var _chunkCVLSVTCXcjs = require('./chunk-CVLSVTCX.cjs');
-
-// src/Controller/Color.tsx
-
-
-
-
-
-var _react = require('react');
-
-// src/Controller/Color.module.scss
-var Color_module_default = {
-  "squaredButton": "_squaredButton_p7fh7_1",
-  "active": "_active_p7fh7_9",
-  "square": "_square_p7fh7_1",
-  "pickerWrapper": "_pickerWrapper_p7fh7_24",
-  "pickerAbsoluteWrapper": "_pickerAbsoluteWrapper_p7fh7_28",
-  "picker": "_picker_p7fh7_24",
-  "colorful": "_colorful_p7fh7_42"
-};
-
-// src/Controller/Color.tsx
-var _reactcolorful = require('react-colorful');
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
-var _jsxruntime = require('react/jsx-runtime');
-function ColorController(props) {
-  const ref = _react.useRef.call(void 0, null);
-  const { label, id, onChange, value, layout = "box", isCodeDriven } = props;
-  const [showPicker, setShowPicker] = _react.useState.call(void 0, false);
-  const handleToggleShowPicker = () => {
-    setShowPicker((show) => !show);
-  };
-  const handleInputChange = (e) => {
-    onChange(e.target.value);
-  };
-  _react.useEffect.call(void 0, () => {
-    function handleClickOutside(event) {
-      if (ref.current && !_optionalChain([ref, 'access', _ => _.current, 'optionalAccess', _2 => _2.contains, 'call', _3 => _3(event.target)])) {
-        setShowPicker(false);
-      }
-    }
-    window.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      window.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [ref]);
-  const handleChangeColor = (newColor) => {
-    onChange(_chunkLVN3UGUHcjs.rgbaToHex.call(void 0, newColor.r, newColor.g, newColor.b, newColor.a));
-  };
-  const color = _react.useMemo.call(void 0, () => _chunkLVN3UGUHcjs.hexToRgba.call(void 0, value), [value]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkM7HJ2CKMcjs.Controller,
-    {
-      id,
-      label,
-      layout,
-      className: Color_module_default.pickerWrapper,
-      inputContainerProps: { ref },
-      isCodeDriven,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkCVLSVTCXcjs.BaseButton,
-          {
-            className: _classnames2.default.call(void 0, Color_module_default.squaredButton, { [Color_module_default.active]: showPicker }),
-            onClick: handleToggleShowPicker,
-            disabled: isCodeDriven,
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _classnames2.default.call(void 0, Color_module_default.square, Color_module_default.leftTop),
-                style: {
-                  background: `linear-gradient(-45deg, ${value} 0%, ${value} 50%, ${value.slice(
-                    0,
-                    7
-                  )} 50%, ${value.slice(0, 7)} 100%)`
-                }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkM7HJ2CKMcjs.BaseParamsInput,
-          {
-            type: "text",
-            id: `text-${id}`,
-            onChange: handleInputChange,
-            value,
-            autoComplete: "off",
-            maxLength: 9,
-            minLength: 2,
-            disabled: isCodeDriven
-          }
-        ),
-        showPicker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Color_module_default.pickerAbsoluteWrapper, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Color_module_default.picker, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _reactcolorful.RgbaColorPicker,
-          {
-            color,
-            onChange: handleChangeColor,
-            className: Color_module_default.colorful
-          }
-        ) }) })
-      ]
-    }
-  );
-}
-
-
-
-exports.ColorController = ColorController;
-//# sourceMappingURL=chunk-YLZI7BR5.cjs.map

package/dist/chunk-YLZI7BR5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Controller/Color.tsx","../src/Controller/Color.module.scss"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAKA;AAAA,OACK;;;ACT6C,IAAO,uBAAQ;AAAA,EACjE,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,UAAU;AAAA,EACV,YAAY;AACd;;;ADSA,SAAoB,uBAAuB;AAC3C,OAAO,QAAQ;AA8BX,SAaI,KAbJ;AA3BG,SAAS,gBAAgB,OAAwC;AACtE,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,EAAE,OAAO,IAAI,UAAU,OAAO,SAAS,OAAO,aAAa,IAAI;AACrE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,yBAAyB,MAAM;AACnC,kBAAc,UAAQ,CAAC,IAAI;AAAA,EAC7B;AACA,QAAM,oBAAoB,CAAC,MAAqC;AAC9D,aAAS,EAAE,OAAO,KAAK;AAAA,EACzB;AACA,YAAU,MAAM;AACd,aAAS,mBAAmB,OAAmB;AAC7C,UAAI,IAAI,WAAW,CAAC,IAAI,SAAS,SAAS,MAAM,MAAc,GAAG;AAC/D,sBAAc,KAAK;AAAA,MACrB;AAAA,IACF;AACA,WAAO,iBAAiB,aAAa,kBAAkB;AACvD,WAAO,MAAM;AACX,aAAO,oBAAoB,aAAa,kBAAkB;AAAA,IAC5D;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACR,QAAM,oBAAoB,CAAC,aAAwB;AACjD,aAAS,UAAU,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;AAAA,EACpE;AACA,QAAM,QAAQ,QAAQ,MAAM,UAAU,KAAK,GAAG,CAAC,KAAK,CAAC;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,qBAAQ;AAAA,MACnB,qBAAqB,EAAE,IAAI;AAAA,MAC3B;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,qBAAQ,eAAe,EAAE,CAAC,qBAAQ,MAAM,GAAG,WAAW,CAAC;AAAA,YACrE,SAAS;AAAA,YACT,UAAU;AAAA,YAEV;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,GAAG,qBAAQ,QAAQ,qBAAQ,OAAO;AAAA,gBAC7C,OAAO;AAAA,kBACL,YAAY,2BAA2B,aAAa,cAAc,MAAM;AAAA,oBACtE;AAAA,oBACA;AAAA,kBACF,UAAU,MAAM,MAAM,GAAG,CAAC;AAAA,gBAC5B;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA,cAAa;AAAA,YACb,WAAW;AAAA,YACX,WAAW;AAAA,YACX,UAAU;AAAA;AAAA,QACZ;AAAA,QACC,cACC,oBAAC,SAAI,WAAW,qBAAQ,uBACtB,8BAAC,SAAI,WAAW,qBAAQ,QACtB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,UAAU;AAAA,YACV,WAAW,qBAAQ;AAAA;AAAA,QACrB,GACF,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ","sourcesContent":["import {\n  useState,\n  useEffect,\n  useRef,\n  LegacyRef,\n  MutableRefObject,\n  RefObject,\n  ChangeEvent,\n  useMemo,\n} from \"react\"\nimport { hexToRgba, rgbaToHex } from \"../utils\"\nimport {\n  FxParamControllerProps,\n  Controller,\n  BaseParamsInput,\n} from \"./Controller\"\nimport classes from \"./Color.module.scss\"\nimport { RgbaColor, RgbaColorPicker } from \"react-colorful\"\nimport cx from \"classnames\"\nimport { BaseButton } from \"../BaseInput\"\n\nexport function ColorController(props: FxParamControllerProps<\"color\">) {\n  const ref = useRef<HTMLDivElement>(null)\n  const { label, id, onChange, value, layout = \"box\", isCodeDriven } = props\n  const [showPicker, setShowPicker] = useState(false)\n  const handleToggleShowPicker = () => {\n    setShowPicker(show => !show)\n  }\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    onChange(e.target.value)\n  }\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (ref.current && !ref.current?.contains(event.target as Node)) {\n        setShowPicker(false)\n      }\n    }\n    window.addEventListener(\"mousedown\", handleClickOutside)\n    return () => {\n      window.removeEventListener(\"mousedown\", handleClickOutside)\n    }\n  }, [ref])\n  const handleChangeColor = (newColor: RgbaColor) => {\n    onChange(rgbaToHex(newColor.r, newColor.g, newColor.b, newColor.a))\n  }\n  const color = useMemo(() => hexToRgba(value), [value])\n\n  return (\n    <Controller\n      id={id}\n      label={label}\n      layout={layout}\n      className={classes.pickerWrapper}\n      inputContainerProps={{ ref }}\n      isCodeDriven={isCodeDriven}\n    >\n      <BaseButton\n        className={cx(classes.squaredButton, { [classes.active]: showPicker })}\n        onClick={handleToggleShowPicker}\n        disabled={isCodeDriven}\n      >\n        <div\n          className={cx(classes.square, classes.leftTop)}\n          style={{\n            background: `linear-gradient(-45deg, ${value} 0%, ${value} 50%, ${value.slice(\n              0,\n              7\n            )} 50%, ${value.slice(0, 7)} 100%)`,\n          }}\n        />\n      </BaseButton>\n      <BaseParamsInput\n        type=\"text\"\n        id={`text-${id}`}\n        onChange={handleInputChange}\n        value={value}\n        autoComplete=\"off\"\n        maxLength={9}\n        minLength={2}\n        disabled={isCodeDriven}\n      />\n      {showPicker && (\n        <div className={classes.pickerAbsoluteWrapper}>\n          <div className={classes.picker}>\n            <RgbaColorPicker\n              color={color}\n              onChange={handleChangeColor}\n              className={classes.colorful}\n            />\n          </div>\n        </div>\n      )}\n    </Controller>\n  )\n}\n","import 'css-chunk:src/Controller/Color.module.scss';export default {\n  \"squaredButton\": \"_squaredButton_p7fh7_1\",\n  \"active\": \"_active_p7fh7_9\",\n  \"square\": \"_square_p7fh7_1\",\n  \"pickerWrapper\": \"_pickerWrapper_p7fh7_24\",\n  \"pickerAbsoluteWrapper\": \"_pickerAbsoluteWrapper_p7fh7_28\",\n  \"picker\": \"_picker_p7fh7_24\",\n  \"colorful\": \"_colorful_p7fh7_42\"\n};"]}

package/dist/chunk-YNPYJVNU.js

@@ -1,44 +0,0 @@
-import {
-  Controller_module_default,
-  HTMLInputControllerWithTextInput
-} from "./chunk-2SARESCF.js";
-
-// src/Controller/Number.tsx
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function NumberController(props) {
-  const { options, value, inputProps } = props;
-  const min = useMemo(() => {
-    if (typeof options?.min === "undefined")
-      return Number.MIN_SAFE_INTEGER;
-    return options.min;
-  }, [options?.min]);
-  const max = useMemo(() => {
-    if (typeof options?.max === "undefined")
-      return Number.MAX_SAFE_INTEGER;
-    return options.max;
-  }, [options?.max]);
-  const step = options?.step || 1;
-  const stringValue = `${value}`;
-  return /* @__PURE__ */ jsx(
-    HTMLInputControllerWithTextInput,
-    {
-      type: "range",
-      inputProps: { min, max, step },
-      textInputProps: {
-        type: "number",
-        min,
-        max,
-        step,
-        className: Controller_module_default.numberInput
-      },
-      ...props,
-      value: stringValue
-    }
-  );
-}
-
-export {
-  NumberController
-};
-//# sourceMappingURL=chunk-YNPYJVNU.js.map

package/dist/chunk-YNPYJVNU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Controller/Number.tsx"],"sourcesContent":["import {\n  FxParamControllerProps,\n  HTMLInputControllerWithTextInput,\n} from \"./Controller\"\nimport classes from \"./Controller.module.scss\"\nimport { useMemo } from \"react\"\n\nexport function NumberController(props: FxParamControllerProps<\"number\">) {\n  const { options, value, inputProps } = props\n  const min = useMemo(() => {\n    if (typeof options?.min === \"undefined\") return Number.MIN_SAFE_INTEGER\n    return options.min\n  }, [options?.min])\n  const max = useMemo(() => {\n    if (typeof options?.max === \"undefined\") return Number.MAX_SAFE_INTEGER\n    return options.max\n  }, [options?.max])\n  const step = options?.step || 1\n  const stringValue = `${value}`\n  return (\n    <HTMLInputControllerWithTextInput\n      type=\"range\"\n      inputProps={{ min, max, step }}\n      textInputProps={{\n        type: \"number\",\n        min,\n        max,\n        step,\n        className: classes.numberInput,\n      }}\n      {...props}\n      value={stringValue}\n    />\n  )\n}\n"],"mappings":";;;;;;AAKA,SAAS,eAAe;AAepB;AAbG,SAAS,iBAAiB,OAAyC;AACxE,QAAM,EAAE,SAAS,OAAO,WAAW,IAAI;AACvC,QAAM,MAAM,QAAQ,MAAM;AACxB,QAAI,OAAO,SAAS,QAAQ;AAAa,aAAO,OAAO;AACvD,WAAO,QAAQ;AAAA,EACjB,GAAG,CAAC,SAAS,GAAG,CAAC;AACjB,QAAM,MAAM,QAAQ,MAAM;AACxB,QAAI,OAAO,SAAS,QAAQ;AAAa,aAAO,OAAO;AACvD,WAAO,QAAQ;AAAA,EACjB,GAAG,CAAC,SAAS,GAAG,CAAC;AACjB,QAAM,OAAO,SAAS,QAAQ;AAC9B,QAAM,cAAc,GAAG;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,YAAY,EAAE,KAAK,KAAK,KAAK;AAAA,MAC7B,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,0BAAQ;AAAA,MACrB;AAAA,MACC,GAAG;AAAA,MACJ,OAAO;AAAA;AAAA,EACT;AAEJ;","names":[]}