@fxhash/params 0.0.4 → 0.0.7

package/dist/chunk-FDUCXROE.cjs

@@ -0,0 +1,120 @@
+"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 _chunkHJBHIE5Tcjs = require('./chunk-HJBHIE5T.cjs');
+
+
+
+var _chunk2QU65L2Ocjs = require('./chunk-2QU65L2O.cjs');
+
+
+var _chunkOFUKQ2TBcjs = require('./chunk-OFUKQ2TB.cjs');
+
+// src/Controller/Color.tsx
+
+
+
+
+
+var _react = require('react');
+
+// src/Controller/Color.module.scss
+var Color_module_default = {
+  "squaredButton": "_squaredButton_13v06_1",
+  "active": "_active_13v06_9",
+  "square": "_square_13v06_1",
+  "pickerWrapper": "_pickerWrapper_13v06_24",
+  "pickerAbsoluteWrapper": "_pickerAbsoluteWrapper_13v06_28",
+  "picker": "_picker_13v06_24",
+  "colorful": "_colorful_13v06_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(_chunk2QU65L2Ocjs.rgbaToHex.call(void 0, newColor.r, newColor.g, newColor.b, newColor.a));
+  };
+  const color = _react.useMemo.call(void 0, () => _chunk2QU65L2Ocjs.hexToRgba.call(void 0, value), [value]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkHJBHIE5Tcjs.Controller,
+    {
+      id,
+      label,
+      layout,
+      className: Color_module_default.pickerWrapper,
+      inputContainerProps: { ref },
+      isCodeDriven,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkOFUKQ2TBcjs.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, 
+          _chunkHJBHIE5Tcjs.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-FDUCXROE.cjs.map

package/dist/chunk-FDUCXROE.cjs.map

@@ -0,0 +1 @@
+{"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,CAAC,SAAS,CAAC,IAAI;AAAA,EAC/B;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_13v06_1\",\n  \"active\": \"_active_13v06_9\",\n  \"square\": \"_square_13v06_1\",\n  \"pickerWrapper\": \"_pickerWrapper_13v06_24\",\n  \"pickerAbsoluteWrapper\": \"_pickerAbsoluteWrapper_13v06_28\",\n  \"picker\": \"_picker_13v06_24\",\n  \"colorful\": \"_colorful_13v06_42\"\n};"]}

package/dist/chunk-H5IMTNFG.js

@@ -0,0 +1,44 @@
+import {
+  Controller_module_default,
+  HTMLInputControllerWithTextInput
+} from "./chunk-CE3TPOSO.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-H5IMTNFG.js.map

package/dist/chunk-H5IMTNFG.js.map

@@ -0,0 +1 @@
+{"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":[]}

package/dist/chunk-HJBHIE5T.cjs

@@ -0,0 +1,135 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkOFUKQ2TBcjs = require('./chunk-OFUKQ2TB.cjs');
+
+// src/Controller/Controller.module.scss
+var Controller_module_default = {
+  "controller": "_controller_1rjbl_1",
+  "inputContainer": "_inputContainer_1rjbl_12",
+  "default": "_default_1rjbl_18",
+  "invert": "_invert_1rjbl_31",
+  "box": "_box_1rjbl_44",
+  "numberInput": "_numberInput_1rjbl_58"
+};
+
+// src/Controller/Controller.tsx
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _jsxruntime = require('react/jsx-runtime');
+function BaseParamsInput(props) {
+  const { id } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFUKQ2TBcjs.BaseInput, { name: `${id}-params-search`, autoComplete: "off", ...props });
+}
+function Controller(props) {
+  const {
+    id,
+    label,
+    layout = "default",
+    className,
+    inputContainerProps,
+    isCodeDriven
+  } = props;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _classnames2.default.call(void 0, Controller_module_default.controller, Controller_module_default[layout], className),
+      title: isCodeDriven ? "This parameter is solely code-driven. Controller is just shown for debugging purposes." : "",
+      children: [
+        id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: id, children: label || id }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Controller_module_default.inputContainer, ...inputContainerProps, children: props.children })
+      ]
+    }
+  );
+}
+function HTMLInputController(props) {
+  const {
+    label,
+    id,
+    onChange,
+    value,
+    type,
+    className,
+    inputProps,
+    layout = "default",
+    isCodeDriven
+  } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Controller,
+    {
+      id,
+      label,
+      layout,
+      isCodeDriven,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        BaseParamsInput,
+        {
+          className,
+          type,
+          id,
+          onChange,
+          value,
+          disabled: isCodeDriven,
+          ...inputProps
+        }
+      )
+    }
+  );
+}
+function HTMLInputControllerWithTextInput(props) {
+  const {
+    label,
+    id,
+    onChange,
+    value,
+    type,
+    className,
+    inputProps = {},
+    layout = "default",
+    textInputProps,
+    isCodeDriven
+  } = props;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Controller,
+    {
+      id,
+      label,
+      layout,
+      isCodeDriven,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          BaseParamsInput,
+          {
+            className,
+            type,
+            id,
+            onChange,
+            value,
+            autoComplete: "off",
+            disabled: isCodeDriven,
+            ...inputProps
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          BaseParamsInput,
+          {
+            type: "text",
+            id: `text-${id}`,
+            onChange,
+            value,
+            autoComplete: "off",
+            disabled: isCodeDriven,
+            ...textInputProps
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+
+
+
+
+exports.Controller_module_default = Controller_module_default; exports.BaseParamsInput = BaseParamsInput; exports.Controller = Controller; exports.HTMLInputController = HTMLInputController; exports.HTMLInputControllerWithTextInput = HTMLInputControllerWithTextInput;
+//# sourceMappingURL=chunk-HJBHIE5T.cjs.map

package/dist/chunk-HJBHIE5T.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Controller.module.scss","../src/Controller/Controller.tsx"],"names":[],"mappings":";;;;;AAAyD,IAAO,4BAAQ;AAAA,EACtE,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,eAAe;AACjB;;;ACCA,OAAO,QAAQ;AAWX,cA4BA,YA5BA;AAHG,SAAS,gBAAgB,OAA8C;AAC5E,QAAM,EAAE,GAAG,IAAI;AACf,SACE,oBAAC,aAAU,MAAM,GAAG,oBAAoB,cAAa,OAAO,GAAG,OAAO;AAE1E;AAgBO,SAAS,WAAW,OAAwB;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,0BAAQ,YAAY,0BAAQ,MAAM,GAAG,SAAS;AAAA,MAC5D,OACE,eACI,2FACA;AAAA,MAGL;AAAA,cAAM,oBAAC,WAAM,SAAS,IAAK,mBAAS,IAAG;AAAA,QACxC,oBAAC,SAAI,WAAW,0BAAQ,gBAAiB,GAAG,qBACzC,gBAAM,UACT;AAAA;AAAA;AAAA,EACF;AAEJ;AAuBO,SAAS,oBAAoB,OAAiC;AACnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAOO,SAAS,iCACd,OACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,CAAC;AAAA,IACd,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAa;AAAA,YACb,UAAU;AAAA,YACT,GAAG;AAAA;AAAA,QACN;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ;AAAA,YACA;AAAA,YACA,cAAa;AAAA,YACb,UAAU;AAAA,YACT,GAAG;AAAA;AAAA,QACN;AAAA;AAAA;AAAA,EACF;AAEJ","sourcesContent":["import 'css-chunk:src/Controller/Controller.module.scss';export default {\n  \"controller\": \"_controller_1rjbl_1\",\n  \"inputContainer\": \"_inputContainer_1rjbl_12\",\n  \"default\": \"_default_1rjbl_18\",\n  \"invert\": \"_invert_1rjbl_31\",\n  \"box\": \"_box_1rjbl_44\",\n  \"numberInput\": \"_numberInput_1rjbl_58\"\n};","import {\n  HTMLInputTypeAttribute,\n  InputHTMLAttributes,\n  ReactNode,\n  RefObject,\n} from \"react\"\nimport { FxParamOptionsMap, FxParamType } from \"../types\"\nimport classes from \"./Controller.module.scss\"\nimport cx from \"classnames\"\nimport { BaseInput } from \"../BaseInput\"\n\n/*\n * Providing a name starting or ending with `search` prevents\n * 1Password extension to appear in the input fields\n * https://1password.community/discussion/comment/606453/#Comment_606453\n */\nexport function BaseParamsInput(props: InputHTMLAttributes<HTMLInputElement>) {\n  const { id } = props\n  return (\n    <BaseInput name={`${id}-params-search`} autoComplete=\"off\" {...props} />\n  )\n}\n\nexport type FxParamInputChangeHandler = (e: any) => void\n\nexport interface ControllerProps {\n  label?: string\n  id?: string\n  children: ReactNode\n  layout?: \"default\" | \"invert\" | \"box\"\n  className?: string\n  inputContainerProps?: {\n    ref: RefObject<HTMLDivElement>\n  }\n  isCodeDriven?: boolean\n}\n\nexport function Controller(props: ControllerProps) {\n  const {\n    id,\n    label,\n    layout = \"default\",\n    className,\n    inputContainerProps,\n    isCodeDriven,\n  } = props\n  return (\n    <div\n      className={cx(classes.controller, classes[layout], className)}\n      title={\n        isCodeDriven\n          ? \"This parameter is solely code-driven. Controller is just shown for debugging purposes.\"\n          : \"\"\n      }\n    >\n      {id && <label htmlFor={id}>{label || id}</label>}\n      <div className={classes.inputContainer} {...inputContainerProps}>\n        {props.children}\n      </div>\n    </div>\n  )\n}\n\nexport interface HTMLInputControllerProps {\n  id: string\n  value: string\n  onChange: FxParamInputChangeHandler\n  type: HTMLInputTypeAttribute\n  inputProps?: InputHTMLAttributes<HTMLInputElement | HTMLSelectElement>\n  className?: string\n  label?: string\n  layout?: \"default\" | \"invert\" | \"box\"\n  isCodeDriven?: boolean\n}\n\nexport type FxParamControllerProps<Type extends FxParamType> = Omit<\n  HTMLInputControllerProps,\n  \"type\"\n> & {\n  value: any\n  options?: FxParamOptionsMap[Type]\n  onChange: FxParamInputChangeHandler\n}\n\nexport function HTMLInputController(props: HTMLInputControllerProps) {\n  const {\n    label,\n    id,\n    onChange,\n    value,\n    type,\n    className,\n    inputProps,\n    layout = \"default\",\n    isCodeDriven,\n  } = props\n  return (\n    <Controller\n      id={id}\n      label={label}\n      layout={layout}\n      isCodeDriven={isCodeDriven}\n    >\n      <BaseParamsInput\n        className={className}\n        type={type}\n        id={id}\n        onChange={onChange}\n        value={value}\n        disabled={isCodeDriven}\n        {...inputProps}\n      />\n    </Controller>\n  )\n}\n\nexport interface HTMLInputControllerWithTextInputProps\n  extends HTMLInputControllerProps {\n  textInputProps?: InputHTMLAttributes<HTMLInputElement>\n}\n\nexport function HTMLInputControllerWithTextInput(\n  props: HTMLInputControllerWithTextInputProps\n) {\n  const {\n    label,\n    id,\n    onChange,\n    value,\n    type,\n    className,\n    inputProps = {},\n    layout = \"default\",\n    textInputProps,\n    isCodeDriven,\n  } = props\n  return (\n    <Controller\n      id={id}\n      label={label}\n      layout={layout}\n      isCodeDriven={isCodeDriven}\n    >\n      <BaseParamsInput\n        className={className}\n        type={type}\n        id={id}\n        onChange={onChange}\n        value={value}\n        autoComplete=\"off\"\n        disabled={isCodeDriven}\n        {...inputProps}\n      />\n      <BaseParamsInput\n        type=\"text\"\n        id={`text-${id}`}\n        onChange={onChange}\n        value={value}\n        autoComplete=\"off\"\n        disabled={isCodeDriven}\n        {...textInputProps}\n      />\n    </Controller>\n  )\n}\n"]}

package/dist/chunk-JAU4ONF2.cjs

@@ -0,0 +1,24 @@
+"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 _chunkHJBHIE5Tcjs = require('./chunk-HJBHIE5T.cjs');
+
+// src/Controller/String.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function StringController(props) {
+  const { options } = props;
+  const minLength = Number(_optionalChain([options, 'optionalAccess', _ => _.minLength])) || 0;
+  const maxLength = Number(_optionalChain([options, 'optionalAccess', _2 => _2.maxLength])) || 64;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkHJBHIE5Tcjs.HTMLInputController,
+    {
+      type: "text",
+      inputProps: { minLength, maxLength },
+      ...props
+    }
+  );
+}
+
+
+
+exports.StringController = StringController;
+//# sourceMappingURL=chunk-JAU4ONF2.cjs.map

package/dist/chunk-JAU4ONF2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/String.tsx"],"names":[],"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","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"]}

package/dist/chunk-K4EW6YY3.cjs

@@ -0,0 +1,34 @@
+"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 _chunkHJBHIE5Tcjs = require('./chunk-HJBHIE5T.cjs');
+
+
+var _chunkOFUKQ2TBcjs = require('./chunk-OFUKQ2TB.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, _chunkHJBHIE5Tcjs.Controller, { id, label, isCodeDriven, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkOFUKQ2TBcjs.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-K4EW6YY3.cjs.map

package/dist/chunk-K4EW6YY3.cjs.map

@@ -0,0 +1 @@
+{"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,CAAC,MACrB,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-MWP7SJWC.js

@@ -0,0 +1,103 @@
+// 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

@@ -0,0 +1 @@
+{"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-OFUKQ2TB.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/BaseInput.module.scss
+var BaseInput_module_default = {
+  "baseInput": "_baseInput_jtvfw_1",
+  "baseSelect": "_baseSelect_jtvfw_1",
+  "baseButton": "_baseButton_jtvfw_1",
+  "color-secondary": "_color-secondary_jtvfw_37",
+  "iconButton": "_iconButton_jtvfw_47"
+};
+
+// src/BaseInput.tsx
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _jsxruntime = require('react/jsx-runtime');
+function BaseInput(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { className: _classnames2.default.call(void 0, BaseInput_module_default.baseInput, className), ...rest });
+}
+function BaseSelect(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "select", { className: _classnames2.default.call(void 0, BaseInput_module_default.baseSelect, className), ...rest });
+}
+function BaseButton(props) {
+  const { className, color = "primary", ...rest } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      className: _classnames2.default.call(void 0, BaseInput_module_default.baseButton, BaseInput_module_default[`color-${color}`], className),
+      ...rest
+    }
+  );
+}
+function IconButton(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseButton, { className: _classnames2.default.call(void 0, BaseInput_module_default.iconButton, className), ...rest });
+}
+
+
+
+
+
+
+exports.BaseInput = BaseInput; exports.BaseSelect = BaseSelect; exports.BaseButton = BaseButton; exports.IconButton = IconButton;
+//# sourceMappingURL=chunk-OFUKQ2TB.cjs.map

package/dist/chunk-OFUKQ2TB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/BaseInput.module.scss","../src/BaseInput.tsx"],"names":[],"mappings":";AAA6C,IAAO,2BAAQ;AAAA,EAC1D,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc;AAChB;;;ACCA,OAAO,QAAQ;AAIN;AAFF,SAAS,UAAU,OAA8C;AACtE,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAC/B,SAAO,oBAAC,WAAM,WAAW,GAAG,yBAAQ,WAAW,SAAS,GAAI,GAAG,MAAM;AACvE;AAEO,SAAS,WAAW,OAAgD;AACzE,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAC/B,SAAO,oBAAC,YAAO,WAAW,GAAG,yBAAQ,YAAY,SAAS,GAAI,GAAG,MAAM;AACzE;AAOO,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,WAAW,QAAQ,WAAW,GAAG,KAAK,IAAI;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,GAAG,yBAAQ,YAAY,yBAAQ,SAAS,OAAO,GAAG,SAAS;AAAA,MACrE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAC/B,SAAO,oBAAC,cAAW,WAAW,GAAG,yBAAQ,YAAY,SAAS,GAAI,GAAG,MAAM;AAC7E","sourcesContent":["import 'css-chunk:src/BaseInput.module.scss';export default {\n  \"baseInput\": \"_baseInput_jtvfw_1\",\n  \"baseSelect\": \"_baseSelect_jtvfw_1\",\n  \"baseButton\": \"_baseButton_jtvfw_1\",\n  \"color-secondary\": \"_color-secondary_jtvfw_37\",\n  \"iconButton\": \"_iconButton_jtvfw_47\"\n};","import {\n  ButtonHTMLAttributes,\n  HtmlHTMLAttributes,\n  InputHTMLAttributes,\n  SelectHTMLAttributes,\n} from \"react\"\nimport classes from \"./BaseInput.module.scss\"\nimport cx from \"classnames\"\n\nexport function BaseInput(props: InputHTMLAttributes<HTMLInputElement>) {\n  const { className, ...rest } = props\n  return <input className={cx(classes.baseInput, className)} {...rest} />\n}\n\nexport function BaseSelect(props: SelectHTMLAttributes<HTMLSelectElement>) {\n  const { className, ...rest } = props\n  return <select className={cx(classes.baseSelect, className)} {...rest} />\n}\n\nexport interface BaseButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  color?: \"primary\" | \"secondary\" | undefined\n}\n\nexport function BaseButton(props: BaseButtonProps) {\n  const { className, color = \"primary\", ...rest } = props\n  return (\n    <button\n      type=\"button\"\n      className={cx(classes.baseButton, classes[`color-${color}`], className)}\n      {...rest}\n    />\n  )\n}\n\nexport function IconButton(props: BaseButtonProps) {\n  const { className, ...rest } = props\n  return <BaseButton className={cx(classes.iconButton, className)} {...rest} />\n}\n"]}

package/dist/chunk-PTXBICTZ.js

@@ -0,0 +1,67 @@
+// src/Controller/Invalid.tsx
+import { useState } from "react";
+
+// src/Controller/Invalid.module.scss
+var Invalid_module_default = {
+  "invalid": "_invalid_9fznv_1",
+  "isOpen": "_isOpen_9fznv_30",
+  "errorsWrapper": "_errorsWrapper_9fznv_34",
+  "attributes": "_attributes_9fznv_40",
+  "issue": "_issue_9fznv_44"
+};
+
+// src/Controller/Invalid.tsx
+import cx from "classnames";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Issue(props) {
+  const { issue } = props;
+  return /* @__PURE__ */ jsxs("li", { className: Invalid_module_default.issue, children: [
+    /* @__PURE__ */ jsxs("h3", { children: [
+      issue.code,
+      " at ",
+      issue.path.join(".")
+    ] }),
+    /* @__PURE__ */ jsx("p", { children: issue.message })
+  ] });
+}
+function Attribute(props) {
+  const { id, definition } = props;
+  if (!definition[id])
+    return null;
+  return /* @__PURE__ */ jsx("h4", { children: /* @__PURE__ */ jsxs(Fragment, { children: [
+    id,
+    ": ",
+    definition[id]
+  ] }) });
+}
+function ControllerInvalid(props) {
+  const { definition, error } = props;
+  const [showIssues, setShowIssues] = useState(false);
+  const handleToggleShowIssues = () => {
+    setShowIssues(!showIssues);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cx(Invalid_module_default.invalid), children: [
+    /* @__PURE__ */ jsxs("label", { onClick: handleToggleShowIssues, children: [
+      "Invalid parameter definition",
+      /* @__PURE__ */ jsx("i", { className: cx({ [Invalid_module_default.isOpen]: showIssues }), children: showIssues ? "-" : "+" })
+    ] }),
+    showIssues && /* @__PURE__ */ jsxs("div", { className: Invalid_module_default.errorsWrapper, children: [
+      /* @__PURE__ */ jsxs("div", { className: Invalid_module_default.attributes, children: [
+        /* @__PURE__ */ jsx(Attribute, { definition, id: "id" }),
+        /* @__PURE__ */ jsx(Attribute, { definition, id: "name" })
+      ] }),
+      /* @__PURE__ */ jsx("ul", { className: cx(Invalid_module_default.issues, { [Invalid_module_default.isOpen]: showIssues }), children: error.issues.map((issue) => /* @__PURE__ */ jsx(
+        Issue,
+        {
+          issue
+        },
+        `${issue.code}-${issue.path.join("-")}`
+      )) })
+    ] })
+  ] });
+}
+
+export {
+  ControllerInvalid
+};
+//# sourceMappingURL=chunk-PTXBICTZ.js.map

package/dist/chunk-PTXBICTZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Controller/Invalid.tsx","../src/Controller/Invalid.module.scss"],"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_9fznv_1\",\n  \"isOpen\": \"_isOpen_9fznv_30\",\n  \"errorsWrapper\": \"_errorsWrapper_9fznv_34\",\n  \"attributes\": \"_attributes_9fznv_40\",\n  \"issue\": \"_issue_9fznv_44\"\n};"],"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,CAAC,UACjB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA;AAAA,QADK,GAAG,MAAM,QAAQ,MAAM,KAAK,KAAK,GAAG;AAAA,MAE3C,CACD,GACH;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}