@makeswift/runtime 0.13.1 → 0.14.1

package/dist/cjs/components/builtin/Form/components/Field/components/CheckboxTableField/index.js

@@ -0,0 +1,89 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CheckboxTableField_exports = {};
+__export(CheckboxTableField_exports, {
+  default: () => CheckboxTableField_default
+});
+module.exports = __toCommonJS(CheckboxTableField_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_FormContext = require("../../../../context/FormContext");
+var import_Label = __toESM(require("../Label"));
+var import_Input = require("../Input");
+var import_Checkbox = __toESM(require("../Checkbox"));
+var import_use_style = require("../../../../../../../runtimes/react/use-style");
+var import_responsive_style = require("../../../../../../utils/responsive-style");
+var import_css = require("@emotion/css");
+var CheckboxTableField_default = (0, import_react.forwardRef)(function CheckboxTableField({
+  form,
+  id,
+  name,
+  label = "",
+  value = false,
+  error,
+  hideLabel,
+  tableColumn,
+  ...restOfProps
+}, ref) {
+  const { size } = (0, import_FormContext.useFormContext)();
+  function handleChange(event) {
+    form.setFieldValue(name, event.currentTarget.checked);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_Label.default,
+    {
+      className: (0, import_css.cx)(
+        (0, import_use_style.useStyle)({ display: "flex", alignItems: "center", margin: 0 }),
+        (0, import_use_style.useStyle)(
+          (0, import_responsive_style.useResponsiveStyle)([size], ([size2 = import_FormContext.Sizes.MEDIUM]) => ({
+            minHeight: (0, import_Input.getSizeHeight)(size2),
+            maxHeight: (0, import_Input.getSizeHeight)(size2)
+          }))
+        )
+      ),
+      htmlFor: id,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_use_style.useStyle)({ marginRight: 8 }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Checkbox.default,
+          {
+            ...restOfProps,
+            "aria-label": label,
+            checked: value,
+            onChange: handleChange,
+            ref,
+            id,
+            error: error != null
+          }
+        ) }),
+        label
+      ]
+    }
+  );
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/builtin/Form/components/Field/components/CheckboxTableField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/components/builtin/Form/components/Field/components/CheckboxTableField/index.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, SyntheticEvent } from 'react'\nimport { FormikProps } from 'formik'\n\nimport { useFormContext, Sizes } from '../../../../context/FormContext'\nimport Label from '../Label'\nimport { getSizeHeight as getInputSizeHeight } from '../Input'\nimport Checkbox from '../Checkbox'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../../../../../utils/responsive-style'\nimport { cx } from '@emotion/css'\nimport { TableColumn } from '../../../../types'\n\ntype Props = {\n  form: FormikProps<{\n    [key: string]: boolean\n  }>\n  id: string\n  label?: string\n  name: string\n  value?: boolean\n  error?: string\n  hideLabel?: boolean\n  tableColumn?: TableColumn | null\n}\n\nexport default forwardRef(function CheckboxTableField(\n  {\n    form,\n    id,\n    name,\n    label = '',\n    value = false,\n    error,\n    hideLabel,\n    tableColumn,\n    ...restOfProps\n  }: Props,\n  ref: ForwardedRef<HTMLInputElement>,\n) {\n  const { size } = useFormContext()\n\n  function handleChange(event: SyntheticEvent<HTMLInputElement>) {\n    form.setFieldValue(name, event.currentTarget.checked)\n  }\n\n  return (\n    <Label\n      className={cx(\n        useStyle({ display: 'flex', alignItems: 'center', margin: 0 }),\n        useStyle(\n          useResponsiveStyle([size] as const, ([size = Sizes.MEDIUM]) => ({\n            minHeight: getInputSizeHeight(size),\n            maxHeight: getInputSizeHeight(size),\n          })),\n        ),\n      )}\n      htmlFor={id}\n    >\n      <span className={useStyle({ marginRight: 8 })}>\n        <Checkbox\n          {...restOfProps}\n          aria-label={label}\n          checked={value}\n          onChange={handleChange}\n          ref={ref}\n          id={id}\n          error={error != null}\n        />\n      </span>\n      {label}\n    </Label>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CI;AA9CJ,mBAAyD;AAGzD,yBAAsC;AACtC,mBAAkB;AAClB,mBAAoD;AACpD,sBAAqB;AACrB,uBAAyB;AACzB,8BAAmC;AACnC,iBAAmB;AAgBnB,IAAO,iCAAQ,yBAAW,SAAS,mBACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,EAAE,KAAK,QAAI,mCAAe;AAEhC,WAAS,aAAa,OAAyC;AAC7D,SAAK,cAAc,MAAM,MAAM,cAAc,OAAO;AAAA,EACtD;AAEA,SACE;AAAA,IAAC,aAAAA;AAAA,IAAA;AAAA,MACC,eAAW;AAAA,YACT,2BAAS,EAAE,SAAS,QAAQ,YAAY,UAAU,QAAQ,EAAE,CAAC;AAAA,YAC7D;AAAA,cACE,4CAAmB,CAAC,IAAI,GAAY,CAAC,CAACC,QAAO,yBAAM,MAAM,OAAO;AAAA,YAC9D,eAAW,aAAAC,eAAmBD,KAAI;AAAA,YAClC,eAAW,aAAAC,eAAmBD,KAAI;AAAA,UACpC,EAAE;AAAA,QACJ;AAAA,MACF;AAAA,MACA,SAAS;AAAA,MAET;AAAA,oDAAC,UAAK,eAAW,2BAAS,EAAE,aAAa,EAAE,CAAC,GAC1C;AAAA,UAAC,gBAAAE;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,cAAY;AAAA,YACZ,SAAS;AAAA,YACT,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,OAAO,SAAS;AAAA;AAAA,QAClB,GACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;","names":["Label","size","getInputSizeHeight","Checkbox"]}

package/dist/cjs/components/builtin/Form/components/Field/components/EmailTableField/index.js

@@ -0,0 +1,55 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var EmailTableField_exports = {};
+__export(EmailTableField_exports, {
+  default: () => EmailTableField_default
+});
+module.exports = __toCommonJS(EmailTableField_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_Label = __toESM(require("../Label"));
+var import_Input = __toESM(require("../Input"));
+var EmailTableField_default = (0, import_react.forwardRef)(function EmailTableField({ id, label = "", name, error, hideLabel = false, tableColumn, ...restOfProps }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    !hideLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Label.default, { htmlFor: id, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Input.default,
+      {
+        ...restOfProps,
+        "aria-label": label,
+        ref,
+        id,
+        name,
+        type: "email",
+        error: error != null
+      }
+    )
+  ] });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/builtin/Form/components/Field/components/EmailTableField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/components/builtin/Form/components/Field/components/EmailTableField/index.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\nimport { TableColumn } from '../../../../types'\n\ntype Props = {\n  id: string\n  label?: string\n  name: string\n  error?: string\n  hideLabel?: boolean\n  tableColumn?: TableColumn | null\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function EmailTableField(\n  { id, label = '', name, error, hideLabel = false, tableColumn, ...restOfProps }: Props,\n  ref,\n) {\n  return (\n    <>\n      {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n      <Input\n        {...restOfProps}\n        aria-label={label}\n        ref={ref}\n        id={id}\n        name={name}\n        type=\"email\"\n        error={error != null}\n      />\n    </>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBI;AApBJ,mBAA2B;AAE3B,mBAAkB;AAClB,mBAAkB;AAYlB,IAAO,8BAAQ,yBAAoC,SAAS,gBAC1D,EAAE,IAAI,QAAQ,IAAI,MAAM,OAAO,YAAY,OAAO,aAAa,GAAG,YAAY,GAC9E,KACA;AACA,SACE,4EACG;AAAA,KAAC,aAAa,4CAAC,aAAAA,SAAA,EAAM,SAAS,IAAK,iBAAM;AAAA,IAC1C;AAAA,MAAC,aAAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,cAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,OAAO,SAAS;AAAA;AAAA,IAClB;AAAA,KACF;AAEJ,CAAC;","names":["Label","Input"]}

package/dist/cjs/components/builtin/Form/components/Field/components/Input/index.js

@@ -0,0 +1,78 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Input_exports = {};
+__export(Input_exports, {
+  default: () => Input_default,
+  getSizeHeight: () => getSizeHeight
+});
+module.exports = __toCommonJS(Input_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_css = require("@emotion/css");
+var import_react = require("react");
+var import_use_style = require("../../../../../../../runtimes/react/use-style");
+var import_responsive_style = require("../../../../../../utils/responsive-style");
+var import_FormContext = require("../../../../context/FormContext");
+var import_responsiveField = __toESM(require("../../services/responsiveField"));
+function getSizeHeight(size) {
+  switch (size) {
+    case import_FormContext.Sizes.SMALL:
+      return 36;
+    case import_FormContext.Sizes.MEDIUM:
+      return 42;
+    case import_FormContext.Sizes.LARGE:
+      return 48;
+    default:
+      throw new Error(`Invalid form size "${size}"`);
+  }
+}
+var Input_default = (0, import_react.forwardRef)(function Input({ error = false, form, className, ...restOfProps }, ref) {
+  const { shape, size, contrast, brandColor } = (0, import_FormContext.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "input",
+    {
+      ...restOfProps,
+      ref,
+      className: (0, import_css.cx)(
+        (0, import_use_style.useStyle)((0, import_responsiveField.default)({ shape, size, contrast, brandColor, error })),
+        (0, import_use_style.useStyle)(
+          (0, import_responsive_style.useResponsiveStyle)([size], ([size2 = import_FormContext.Sizes.MEDIUM]) => ({
+            minHeight: getSizeHeight(size2),
+            maxHeight: getSizeHeight(size2)
+          }))
+        ),
+        className
+      )
+    }
+  );
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getSizeHeight
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/builtin/Form/components/Field/components/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/components/builtin/Form/components/Field/components/Input/index.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef, ForwardedRef, forwardRef } from 'react'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\n\nimport { useResponsiveStyle } from '../../../../../../utils/responsive-style'\nimport { Size, useFormContext, Sizes } from '../../../../context/FormContext'\nimport responsiveField from '../../services/responsiveField'\n\nexport function getSizeHeight(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 36\n\n    case Sizes.MEDIUM:\n      return 42\n\n    case Sizes.LARGE:\n      return 48\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\ntype BaseProps = { error?: boolean; form?: unknown }\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'input'>, keyof BaseProps>\n\nexport default forwardRef(function Input(\n  { error = false, form, className, ...restOfProps }: Props,\n  ref: ForwardedRef<HTMLInputElement>,\n) {\n  const { shape, size, contrast, brandColor } = useFormContext()\n\n  return (\n    <input\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle(responsiveField({ shape, size, contrast, brandColor, error })),\n        useStyle(\n          useResponsiveStyle([size] as const, ([size = Sizes.MEDIUM]) => ({\n            minHeight: getSizeHeight(size),\n            maxHeight: getSizeHeight(size),\n          })),\n        ),\n        className,\n      )}\n    />\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCI;AAnCJ,iBAAmB;AACnB,mBAAmE;AACnE,uBAAyB;AAEzB,8BAAmC;AACnC,yBAA4C;AAC5C,6BAA4B;AAErB,SAAS,cAAc,MAAoB;AAChD,UAAQ,MAAM;AAAA,IACZ,KAAK,yBAAM;AACT,aAAO;AAAA,IAET,KAAK,yBAAM;AACT,aAAO;AAAA,IAET,KAAK,yBAAM;AACT,aAAO;AAAA,IAET;AACE,YAAM,IAAI,MAAM,sBAAsB,IAAI,GAAG;AAAA,EACjD;AACF;AAMA,IAAO,oBAAQ,yBAAW,SAAS,MACjC,EAAE,QAAQ,OAAO,MAAM,WAAW,GAAG,YAAY,GACjD,KACA;AACA,QAAM,EAAE,OAAO,MAAM,UAAU,WAAW,QAAI,mCAAe;AAE7D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,eAAW;AAAA,YACT,+BAAS,uBAAAA,SAAgB,EAAE,OAAO,MAAM,UAAU,YAAY,MAAM,CAAC,CAAC;AAAA,YACtE;AAAA,cACE,4CAAmB,CAAC,IAAI,GAAY,CAAC,CAACC,QAAO,yBAAM,MAAM,OAAO;AAAA,YAC9D,WAAW,cAAcA,KAAI;AAAA,YAC7B,WAAW,cAAcA,KAAI;AAAA,UAC/B,EAAE;AAAA,QACJ;AAAA,QACA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["responsiveField","size"]}

package/dist/cjs/components/builtin/Form/components/Field/components/Label/index.js

@@ -0,0 +1,85 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Label_exports = {};
+__export(Label_exports, {
+  default: () => Label,
+  getSizeHeight: () => getSizeHeight
+});
+module.exports = __toCommonJS(Label_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_colorToString = require("../../../../../../utils/colorToString");
+var import_FormContext = require("../../../../context/FormContext");
+var import_css = require("@emotion/css");
+var import_use_style = require("../../../../../../../runtimes/react/use-style");
+var import_responsive_style = require("../../../../../../utils/responsive-style");
+function getSizeHeight(size) {
+  switch (size) {
+    case import_FormContext.Sizes.SMALL:
+      return 14;
+    case import_FormContext.Sizes.MEDIUM:
+      return 18;
+    case import_FormContext.Sizes.LARGE:
+      return 22;
+    default:
+      throw new Error(`Invalid form size "${size}"`);
+  }
+}
+function getContrastColor(contrast) {
+  switch (contrast) {
+    case import_FormContext.Contrasts.LIGHT:
+      return "rgba(0, 0, 0, 0.8)";
+    case import_FormContext.Contrasts.DARK:
+      return "rgba(255, 255, 255, 0.95)";
+    default:
+      throw new Error(`Invalid form contrast "${contrast}"`);
+  }
+}
+function Label({
+  as,
+  className,
+  ...restOfProps
+}) {
+  const Component = as ?? "label";
+  const { contrast, size, labelTextStyle, labelTextColor } = (0, import_FormContext.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      ...restOfProps,
+      className: (0, import_css.cx)(
+        (0, import_use_style.useStyle)({ display: "block", margin: "0 0 0.25em 0" }),
+        (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveTextStyle)(labelTextStyle)),
+        (0, import_use_style.useStyle)(
+          (0, import_responsive_style.useResponsiveStyle)(
+            [size, contrast, labelTextColor],
+            ([size2 = import_FormContext.Sizes.MEDIUM, contrast2 = import_FormContext.Contrasts.LIGHT, textColor]) => ({
+              minHeight: getSizeHeight(size2),
+              color: textColor == null ? getContrastColor(contrast2) : (0, import_colorToString.colorToString)(textColor)
+            })
+          )
+        ),
+        className
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getSizeHeight
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/builtin/Form/components/Field/components/Label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/components/builtin/Form/components/Field/components/Label/index.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, ElementType } from 'react'\nimport { colorToString } from '../../../../../../utils/colorToString'\n\nimport { useFormContext, Size, Sizes, Contrast, Contrasts } from '../../../../context/FormContext'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport {\n  useResponsiveStyle,\n  useResponsiveTextStyle,\n} from '../../../../../../utils/responsive-style'\n\nexport function getSizeHeight(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 14\n\n    case Sizes.MEDIUM:\n      return 18\n\n    case Sizes.LARGE:\n      return 22\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\nfunction getContrastColor(contrast: Contrast): string {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return 'rgba(0, 0, 0, 0.8)'\n\n    case Contrasts.DARK:\n      return 'rgba(255, 255, 255, 0.95)'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\ntype BaseProps<T extends ElementType> = {\n  as?: T\n}\n\ntype Props<T extends ElementType> = BaseProps<T> &\n  Omit<ComponentPropsWithoutRef<'label'>, keyof BaseProps<T>>\n\nexport default function Label<T extends ElementType = 'label'>({\n  as,\n  className,\n  ...restOfProps\n}: Props<T>): JSX.Element {\n  const Component = as ?? 'label'\n  const { contrast, size, labelTextStyle, labelTextColor } = useFormContext()\n\n  return (\n    <Component\n      {...restOfProps}\n      className={cx(\n        useStyle({ display: 'block', margin: '0 0 0.25em 0' }),\n        useStyle(useResponsiveTextStyle(labelTextStyle)),\n        useStyle(\n          useResponsiveStyle(\n            [size, contrast, labelTextColor] as const,\n            ([size = Sizes.MEDIUM, contrast = Contrasts.LIGHT, textColor]) => ({\n              minHeight: getSizeHeight(size),\n              color: textColor == null ? getContrastColor(contrast) : colorToString(textColor),\n            }),\n          ),\n        ),\n        className,\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwDI;AAvDJ,2BAA8B;AAE9B,yBAAiE;AACjE,iBAAmB;AACnB,uBAAyB;AACzB,8BAGO;AAEA,SAAS,cAAc,MAAoB;AAChD,UAAQ,MAAM;AAAA,IACZ,KAAK,yBAAM;AACT,aAAO;AAAA,IAET,KAAK,yBAAM;AACT,aAAO;AAAA,IAET,KAAK,yBAAM;AACT,aAAO;AAAA,IAET;AACE,YAAM,IAAI,MAAM,sBAAsB,IAAI,GAAG;AAAA,EACjD;AACF;AAEA,SAAS,iBAAiB,UAA4B;AACpD,UAAQ,UAAU;AAAA,IAChB,KAAK,6BAAU;AACb,aAAO;AAAA,IAET,KAAK,6BAAU;AACb,aAAO;AAAA,IAET;AACE,YAAM,IAAI,MAAM,0BAA0B,QAAQ,GAAG;AAAA,EACzD;AACF;AASe,SAAR,MAAwD;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,EAAE,UAAU,MAAM,gBAAgB,eAAe,QAAI,mCAAe;AAE1E,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,YACT,2BAAS,EAAE,SAAS,SAAS,QAAQ,eAAe,CAAC;AAAA,YACrD,+BAAS,gDAAuB,cAAc,CAAC;AAAA,YAC/C;AAAA,cACE;AAAA,YACE,CAAC,MAAM,UAAU,cAAc;AAAA,YAC/B,CAAC,CAACA,QAAO,yBAAM,QAAQC,YAAW,6BAAU,OAAO,SAAS,OAAO;AAAA,cACjE,WAAW,cAAcD,KAAI;AAAA,cAC7B,OAAO,aAAa,OAAO,iBAAiBC,SAAQ,QAAI,oCAAc,SAAS;AAAA,YACjF;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":["size","contrast"]}

package/dist/cjs/components/builtin/Form/components/Field/components/LongTextTableField/index.js

@@ -0,0 +1,44 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LongTextTableField_exports = {};
+__export(LongTextTableField_exports, {
+  default: () => LongTextTableField_default
+});
+module.exports = __toCommonJS(LongTextTableField_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_Label = __toESM(require("../Label"));
+var import_TextArea = __toESM(require("../TextArea"));
+var LongTextTableField_default = (0, import_react.forwardRef)(function LongTextTableField({ id, label = "", error, hideLabel = false, tableColumn, ...restOfProps }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    !hideLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Label.default, { htmlFor: id, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TextArea.default, { ...restOfProps, "aria-label": label, ref, id, error: error != null })
+  ] });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/builtin/Form/components/Field/components/LongTextTableField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/components/builtin/Form/components/Field/components/LongTextTableField/index.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { TableColumn } from '../../../../types'\n\nimport Label from '../Label'\nimport TextArea from '../TextArea'\n\ntype Props = {\n  id: string\n  label?: string\n  error?: string\n  hideLabel?: boolean\n  tableColumn?: TableColumn | null\n}\n\nexport default forwardRef<HTMLTextAreaElement, Props>(function LongTextTableField(\n  { id, label = '', error, hideLabel = false, tableColumn, ...restOfProps }: Props,\n  ref,\n) {\n  return (\n    <>\n      {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n      <TextArea {...restOfProps} aria-label={label} ref={ref} id={id} error={error != null} />\n    </>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAnBJ,mBAA2B;AAG3B,mBAAkB;AAClB,sBAAqB;AAUrB,IAAO,iCAAQ,yBAAuC,SAAS,mBAC7D,EAAE,IAAI,QAAQ,IAAI,OAAO,YAAY,OAAO,aAAa,GAAG,YAAY,GACxE,KACA;AACA,SACE,4EACG;AAAA,KAAC,aAAa,4CAAC,aAAAA,SAAA,EAAM,SAAS,IAAK,iBAAM;AAAA,IAC1C,4CAAC,gBAAAC,SAAA,EAAU,GAAG,aAAa,cAAY,OAAO,KAAU,IAAQ,OAAO,SAAS,MAAM;AAAA,KACxF;AAEJ,CAAC;","names":["Label","TextArea"]}

package/dist/cjs/components/builtin/Form/components/Field/components/MultipleSelectTableField/index.js

@@ -0,0 +1,98 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MultipleSelectTableField_exports = {};
+__export(MultipleSelectTableField_exports, {
+  default: () => MultipleSelectTableField_default
+});
+module.exports = __toCommonJS(MultipleSelectTableField_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_Label = __toESM(require("../Label"));
+var import_Checkbox = __toESM(require("../Checkbox"));
+var import_css = require("@emotion/css");
+var import_use_style = require("../../../../../../../runtimes/react/use-style");
+function MainLabel({ className, ...restOfProps }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Label.default, { ...restOfProps, className: (0, import_css.cx)((0, import_use_style.useStyle)({ margin: "0 0 4px 0" }), className) });
+}
+function StyledLabel({ className, ...restOfProps }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Label.default,
+    {
+      ...restOfProps,
+      className: (0, import_css.cx)(
+        (0, import_use_style.useStyle)({
+          display: "flex",
+          alignItems: "center",
+          margin: "8px 0",
+          "&:last-of-type": { marginBottom: 0 }
+        }),
+        className
+      )
+    }
+  );
+}
+function CheckboxContainer({ className, ...restOfProps }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { ...restOfProps, className: (0, import_css.cx)((0, import_use_style.useStyle)({ marginRight: 8 }), className) });
+}
+var MultipleSelectTableField_default = (0, import_react.forwardRef)(function MultipleSelectTableField({
+  tableColumn,
+  label = "",
+  required,
+  value = [],
+  onChange,
+  hideLabel = false,
+  ...restOfProps
+}, ref) {
+  const handle = (0, import_react.useRef)({
+    validity: { valueMissing: required === true && value.length === 0, typeMismatch: false }
+  });
+  (0, import_react.useImperativeHandle)(ref, () => handle.current, []);
+  function handleChange(event) {
+    handle.current.validity.valueMissing = required === true && !event.currentTarget.checked && value.filter((v) => v !== event.currentTarget.value).length === 0;
+    onChange(event);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    !hideLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MainLabel, { children: label }),
+    tableColumn.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledLabel, { htmlFor: option.id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Checkbox.default,
+        {
+          ...restOfProps,
+          "aria-label": label,
+          onChange: handleChange,
+          checked: value.includes(option.name),
+          id: option.id,
+          value: option.name
+        }
+      ) }),
+      option.name
+    ] }, option.id))
+  ] });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/builtin/Form/components/Field/components/MultipleSelectTableField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/components/builtin/Form/components/Field/components/MultipleSelectTableField/index.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n  SyntheticEvent,\n  ComponentPropsWithoutRef,\n} from 'react'\n\nimport Label from '../Label'\nimport Checkbox from '../Checkbox'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\n\nfunction MainLabel({ className, ...restOfProps }: ComponentPropsWithoutRef<typeof Label>) {\n  return <Label {...restOfProps} className={cx(useStyle({ margin: '0 0 4px 0' }), className)} />\n}\n\nfunction StyledLabel({ className, ...restOfProps }: ComponentPropsWithoutRef<typeof Label>) {\n  return (\n    <Label\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          display: 'flex',\n          alignItems: 'center',\n          margin: '8px 0',\n          '&:last-of-type': { marginBottom: 0 },\n        }),\n        className,\n      )}\n    />\n  )\n}\n\nfunction CheckboxContainer({ className, ...restOfProps }: ComponentPropsWithoutRef<'span'>) {\n  return <span {...restOfProps} className={cx(useStyle({ marginRight: 8 }), className)} />\n}\n\ntype Props = {\n  id: string\n  tableColumn: {\n    options: Array<{\n      id: string\n      name: string\n    }>\n  }\n  value?: Array<string>\n  label?: string\n  onChange: (arg0: SyntheticEvent<HTMLInputElement>) => unknown\n  required?: boolean\n  hideLabel?: boolean\n}\n\nexport default forwardRef<\n  {\n    validity: {\n      valueMissing: boolean\n      typeMismatch: boolean\n    }\n  },\n  Props\n>(function MultipleSelectTableField(\n  {\n    tableColumn,\n    label = '',\n    required,\n    value = [],\n    onChange,\n    hideLabel = false,\n    ...restOfProps\n  }: Props,\n  ref,\n) {\n  const handle = useRef({\n    validity: { valueMissing: required === true && value.length === 0, typeMismatch: false },\n  })\n\n  useImperativeHandle(ref, () => handle.current, [])\n\n  function handleChange(event: SyntheticEvent<HTMLInputElement>) {\n    handle.current.validity.valueMissing =\n      required === true &&\n      !event.currentTarget.checked &&\n      value.filter(v => v !== event.currentTarget.value).length === 0\n\n    onChange(event)\n  }\n\n  return (\n    <div>\n      {!hideLabel && <MainLabel>{label}</MainLabel>}\n      {tableColumn.options.map(option => (\n        <StyledLabel key={option.id} htmlFor={option.id}>\n          <CheckboxContainer>\n            <Checkbox\n              {...restOfProps}\n              aria-label={label}\n              onChange={handleChange}\n              checked={value.includes(option.name)}\n              id={option.id}\n              value={option.name}\n            />\n          </CheckboxContainer>\n          {option.name}\n        </StyledLabel>\n      ))}\n    </div>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcS;AAdT,mBAMO;AAEP,mBAAkB;AAClB,sBAAqB;AACrB,iBAAmB;AACnB,uBAAyB;AAEzB,SAAS,UAAU,EAAE,WAAW,GAAG,YAAY,GAA2C;AACxF,SAAO,4CAAC,aAAAA,SAAA,EAAO,GAAG,aAAa,eAAW,mBAAG,2BAAS,EAAE,QAAQ,YAAY,CAAC,GAAG,SAAS,GAAG;AAC9F;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,YAAY,GAA2C;AAC1F,SACE;AAAA,IAAC,aAAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,YACT,2BAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,kBAAkB,EAAE,cAAc,EAAE;AAAA,QACtC,CAAC;AAAA,QACD;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,YAAY,GAAqC;AAC1F,SAAO,4CAAC,UAAM,GAAG,aAAa,eAAW,mBAAG,2BAAS,EAAE,aAAa,EAAE,CAAC,GAAG,SAAS,GAAG;AACxF;AAiBA,IAAO,uCAAQ,yBAQb,SAAS,yBACT;AAAA,EACE;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,GACA,KACA;AACA,QAAM,aAAS,qBAAO;AAAA,IACpB,UAAU,EAAE,cAAc,aAAa,QAAQ,MAAM,WAAW,GAAG,cAAc,MAAM;AAAA,EACzF,CAAC;AAED,wCAAoB,KAAK,MAAM,OAAO,SAAS,CAAC,CAAC;AAEjD,WAAS,aAAa,OAAyC;AAC7D,WAAO,QAAQ,SAAS,eACtB,aAAa,QACb,CAAC,MAAM,cAAc,WACrB,MAAM,OAAO,OAAK,MAAM,MAAM,cAAc,KAAK,EAAE,WAAW;AAEhE,aAAS,KAAK;AAAA,EAChB;AAEA,SACE,6CAAC,SACE;AAAA,KAAC,aAAa,4CAAC,aAAW,iBAAM;AAAA,IAChC,YAAY,QAAQ,IAAI,YACvB,6CAAC,eAA4B,SAAS,OAAO,IAC3C;AAAA,kDAAC,qBACC;AAAA,QAAC,gBAAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,cAAY;AAAA,UACZ,UAAU;AAAA,UACV,SAAS,MAAM,SAAS,OAAO,IAAI;AAAA,UACnC,IAAI,OAAO;AAAA,UACX,OAAO,OAAO;AAAA;AAAA,MAChB,GACF;AAAA,MACC,OAAO;AAAA,SAXQ,OAAO,EAYzB,CACD;AAAA,KACH;AAEJ,CAAC;","names":["Label","Checkbox"]}

package/dist/cjs/components/builtin/Form/components/Field/components/NumberTableField/index.js

@@ -0,0 +1,55 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NumberTableField_exports = {};
+__export(NumberTableField_exports, {
+  default: () => NumberTableField_default
+});
+module.exports = __toCommonJS(NumberTableField_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_Label = __toESM(require("../Label"));
+var import_Input = __toESM(require("../Input"));
+var NumberTableField_default = (0, import_react.forwardRef)(function NumberTableField({ id, label = "", name, error, hideLabel = false, tableColumn, ...restOfProps }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    !hideLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Label.default, { htmlFor: id, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Input.default,
+      {
+        ...restOfProps,
+        "aria-label": label,
+        ref,
+        id,
+        name,
+        type: "number",
+        error: error != null
+      }
+    )
+  ] });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/builtin/Form/components/Field/components/NumberTableField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/components/builtin/Form/components/Field/components/NumberTableField/index.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\nimport { TableColumn } from '../../../../types'\n\ntype Props = {\n  id: string\n  label?: string\n  name: string\n  error?: string\n  hideLabel?: boolean\n  tableColumn?: TableColumn | null\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function NumberTableField(\n  { id, label = '', name, error, hideLabel = false, tableColumn, ...restOfProps }: Props,\n  ref,\n) {\n  return (\n    <>\n      {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n      <Input\n        {...restOfProps}\n        aria-label={label}\n        ref={ref}\n        id={id}\n        name={name}\n        type=\"number\"\n        error={error != null}\n      />\n    </>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBI;AApBJ,mBAA2B;AAE3B,mBAAkB;AAClB,mBAAkB;AAYlB,IAAO,+BAAQ,yBAAoC,SAAS,iBAC1D,EAAE,IAAI,QAAQ,IAAI,MAAM,OAAO,YAAY,OAAO,aAAa,GAAG,YAAY,GAC9E,KACA;AACA,SACE,4EACG;AAAA,KAAC,aAAa,4CAAC,aAAAA,SAAA,EAAM,SAAS,IAAK,iBAAM;AAAA,IAC1C;AAAA,MAAC,aAAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,cAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,OAAO,SAAS;AAAA;AAAA,IAClB;AAAA,KACF;AAEJ,CAAC;","names":["Label","Input"]}

package/dist/cjs/components/builtin/Form/components/Field/components/PhoneNumberTableField/index.js

@@ -0,0 +1,55 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PhoneNumberTableField_exports = {};
+__export(PhoneNumberTableField_exports, {
+  default: () => PhoneNumberTableField_default
+});
+module.exports = __toCommonJS(PhoneNumberTableField_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_Label = __toESM(require("../Label"));
+var import_Input = __toESM(require("../Input"));
+var PhoneNumberTableField_default = (0, import_react.forwardRef)(function PhoneNumberTableField({ id, label = "", name, error, hideLabel = false, tableColumn, ...restOfProps }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    !hideLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Label.default, { htmlFor: id, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Input.default,
+      {
+        ...restOfProps,
+        "aria-label": label,
+        ref,
+        id,
+        name,
+        type: "tel",
+        error: error != null
+      }
+    )
+  ] });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/builtin/Form/components/Field/components/PhoneNumberTableField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/components/builtin/Form/components/Field/components/PhoneNumberTableField/index.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\nimport { TableColumn } from '../../../../types'\n\ntype Props = {\n  id: string\n  label?: string\n  name: string\n  error?: string\n  hideLabel?: boolean\n  tableColumn?: TableColumn | null\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function PhoneNumberTableField(\n  { id, label = '', name, error, hideLabel = false, tableColumn, ...restOfProps }: Props,\n  ref,\n) {\n  return (\n    <>\n      {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n      <Input\n        {...restOfProps}\n        aria-label={label}\n        ref={ref}\n        id={id}\n        name={name}\n        type=\"tel\"\n        error={error != null}\n      />\n    </>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBI;AApBJ,mBAA2B;AAE3B,mBAAkB;AAClB,mBAAkB;AAYlB,IAAO,oCAAQ,yBAAoC,SAAS,sBAC1D,EAAE,IAAI,QAAQ,IAAI,MAAM,OAAO,YAAY,OAAO,aAAa,GAAG,YAAY,GAC9E,KACA;AACA,SACE,4EACG;AAAA,KAAC,aAAa,4CAAC,aAAAA,SAAA,EAAM,SAAS,IAAK,iBAAM;AAAA,IAC1C;AAAA,MAAC,aAAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,cAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,OAAO,SAAS;AAAA;AAAA,IAClB;AAAA,KACF;AAEJ,CAAC;","names":["Label","Input"]}