@drawbridge/components 0.0.78 → 0.1.1

package/dist/bridge/countdown.mjs

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Countdown from "react-countdown";
+const CountDown = ({
+  className = "h-4",
+  date,
+  onComplete
+}) => {
+  const classes = [
+    "flex items-center justify-center text-sm",
+    className
+  ];
+  if (date) {
+    return /* @__PURE__ */ jsx(
+      Countdown,
+      {
+        ...{
+          date,
+          onComplete,
+          // At zero (or a date already past) the whole countdown goes, wrapper and all.
+          renderer: ({ completed, days, hours, minutes, seconds }) => !completed && /* @__PURE__ */ jsx(
+            "div",
+            {
+              ...{
+                className: classes.join(" "),
+                "aria-label": "Time Remaining in Contest:"
+              },
+              children: /* @__PURE__ */ jsxs(
+                "p",
+                {
+                  ...{
+                    className: "w-full text-center",
+                    // server and client render at different seconds — mismatch is intentional
+                    suppressHydrationWarning: true
+                  },
+                  children: [
+                    days,
+                    "d ",
+                    hours,
+                    "h ",
+                    minutes,
+                    "m ",
+                    seconds,
+                    "s"
+                  ]
+                }
+              )
+            }
+          )
+        }
+      }
+    );
+  }
+  ;
+  return null;
+};
+var countdown_default = CountDown;
+export {
+  countdown_default as default
+};

package/dist/bridge/fields.js

@@ -0,0 +1,306 @@
+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 fields_exports = {};
+__export(fields_exports, {
+  components: () => components,
+  errors: () => import_fields_validate.errors,
+  validate: () => import_fields_validate.validators
+});
+module.exports = __toCommonJS(fields_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_input_group = __toESM(require("../input-group"));
+var import_input_name = __toESM(require("../input-name"));
+var import_input_select = __toESM(require("../input-select"));
+var import_input_phone = __toESM(require("../input-phone"));
+var import_input_number = __toESM(require("../input-number"));
+var import_input_text = __toESM(require("../input-text"));
+var import_input_textarea = __toESM(require("../input-textarea"));
+var import_fields_validate = require("@drawbridge/drawbridge-utils/fields-validate");
+const FieldEmail = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_input_group.default,
+    {
+      ...{
+        error: error == null ? void 0 : error.message,
+        input: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input_text.default,
+          {
+            ...{
+              ...field == null ? void 0 : field.attributes,
+              "aria-label": field == null ? void 0 : field.label,
+              inputMode: "email",
+              onChange,
+              style,
+              type: "email",
+              value: value || ""
+            }
+          }
+        ),
+        label: field == null ? void 0 : field.label,
+        style
+      }
+    }
+  );
+};
+const FieldName = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_input_name.default,
+    {
+      ...{
+        ...field,
+        error,
+        onChange,
+        style,
+        value: value || ""
+      }
+    }
+  );
+};
+const FieldNumber = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_input_group.default,
+    {
+      ...{
+        error: error == null ? void 0 : error.message,
+        input: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input_number.default,
+          {
+            ...{
+              ...field == null ? void 0 : field.attributes,
+              "aria-label": field == null ? void 0 : field.label,
+              layout: "after",
+              onChange,
+              style,
+              value: value || ""
+            }
+          }
+        ),
+        label: field == null ? void 0 : field.label,
+        style
+      }
+    }
+  );
+};
+const FieldPhone = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  var _a, _b;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_input_group.default,
+    {
+      ...{
+        error: (_a = (error == null ? void 0 : error.number) || (error == null ? void 0 : error.country) || error) == null ? void 0 : _a.message,
+        input: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input_phone.default,
+          {
+            ...{
+              "aria-label": field == null ? void 0 : field.label,
+              countries: (_b = field == null ? void 0 : field.settings) == null ? void 0 : _b.countries,
+              onChange,
+              style,
+              value
+            }
+          }
+        ),
+        label: field == null ? void 0 : field.label,
+        style
+      }
+    }
+  );
+};
+const FieldSelect = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_input_group.default,
+    {
+      ...{
+        error: error == null ? void 0 : error.message,
+        input: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input_select.default,
+          {
+            ...{
+              ...field == null ? void 0 : field.attributes,
+              "aria-label": field == null ? void 0 : field.label,
+              onChange,
+              options: (_a = field == null ? void 0 : field.settings) == null ? void 0 : _a.options,
+              style,
+              value: value || ""
+            }
+          }
+        ),
+        label: field == null ? void 0 : field.label,
+        style
+      }
+    }
+  );
+};
+const FieldText = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_input_group.default,
+    {
+      ...{
+        error: error == null ? void 0 : error.message,
+        input: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input_text.default,
+          {
+            ...{
+              ...field == null ? void 0 : field.attributes,
+              "aria-label": field == null ? void 0 : field.label,
+              onChange,
+              style,
+              value: value || ""
+            }
+          }
+        ),
+        label: field == null ? void 0 : field.label,
+        style
+      }
+    }
+  );
+};
+const FieldTextarea = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_input_group.default,
+    {
+      ...{
+        error: error == null ? void 0 : error.message,
+        input: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input_textarea.default,
+          {
+            ...{
+              ...field == null ? void 0 : field.attributes,
+              "aria-label": field == null ? void 0 : field.label,
+              onChange,
+              style,
+              value: value || ""
+            }
+          }
+        ),
+        label: field == null ? void 0 : field.label,
+        style
+      }
+    }
+  );
+};
+const components = {
+  email: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    FieldEmail,
+    {
+      ...props
+    }
+  ),
+  name: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    FieldName,
+    {
+      ...props
+    }
+  ),
+  number: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    FieldNumber,
+    {
+      ...props
+    }
+  ),
+  phone: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    FieldPhone,
+    {
+      ...props
+    }
+  ),
+  select: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    FieldSelect,
+    {
+      ...props
+    }
+  ),
+  text: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    FieldText,
+    {
+      ...props
+    }
+  ),
+  textarea: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    FieldTextarea,
+    {
+      ...props
+    }
+  )
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  components,
+  errors,
+  validate
+});

package/dist/bridge/fields.mjs

@@ -0,0 +1,271 @@
+import { jsx } from "react/jsx-runtime";
+import InputGroup from "../input-group.mjs";
+import InputName from "../input-name.mjs";
+import InputSelect from "../input-select.mjs";
+import InputPhone from "../input-phone.mjs";
+import InputNumber from "../input-number.mjs";
+import InputText from "../input-text.mjs";
+import InputTextarea from "../input-textarea.mjs";
+const FieldEmail = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  return /* @__PURE__ */ jsx(
+    InputGroup,
+    {
+      ...{
+        error: error == null ? void 0 : error.message,
+        input: /* @__PURE__ */ jsx(
+          InputText,
+          {
+            ...{
+              ...field == null ? void 0 : field.attributes,
+              "aria-label": field == null ? void 0 : field.label,
+              inputMode: "email",
+              onChange,
+              style,
+              type: "email",
+              value: value || ""
+            }
+          }
+        ),
+        label: field == null ? void 0 : field.label,
+        style
+      }
+    }
+  );
+};
+const FieldName = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  return /* @__PURE__ */ jsx(
+    InputName,
+    {
+      ...{
+        ...field,
+        error,
+        onChange,
+        style,
+        value: value || ""
+      }
+    }
+  );
+};
+const FieldNumber = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  return /* @__PURE__ */ jsx(
+    InputGroup,
+    {
+      ...{
+        error: error == null ? void 0 : error.message,
+        input: /* @__PURE__ */ jsx(
+          InputNumber,
+          {
+            ...{
+              ...field == null ? void 0 : field.attributes,
+              "aria-label": field == null ? void 0 : field.label,
+              layout: "after",
+              onChange,
+              style,
+              value: value || ""
+            }
+          }
+        ),
+        label: field == null ? void 0 : field.label,
+        style
+      }
+    }
+  );
+};
+const FieldPhone = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  var _a, _b;
+  return /* @__PURE__ */ jsx(
+    InputGroup,
+    {
+      ...{
+        error: (_a = (error == null ? void 0 : error.number) || (error == null ? void 0 : error.country) || error) == null ? void 0 : _a.message,
+        input: /* @__PURE__ */ jsx(
+          InputPhone,
+          {
+            ...{
+              "aria-label": field == null ? void 0 : field.label,
+              countries: (_b = field == null ? void 0 : field.settings) == null ? void 0 : _b.countries,
+              onChange,
+              style,
+              value
+            }
+          }
+        ),
+        label: field == null ? void 0 : field.label,
+        style
+      }
+    }
+  );
+};
+const FieldSelect = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  var _a;
+  return /* @__PURE__ */ jsx(
+    InputGroup,
+    {
+      ...{
+        error: error == null ? void 0 : error.message,
+        input: /* @__PURE__ */ jsx(
+          InputSelect,
+          {
+            ...{
+              ...field == null ? void 0 : field.attributes,
+              "aria-label": field == null ? void 0 : field.label,
+              onChange,
+              options: (_a = field == null ? void 0 : field.settings) == null ? void 0 : _a.options,
+              style,
+              value: value || ""
+            }
+          }
+        ),
+        label: field == null ? void 0 : field.label,
+        style
+      }
+    }
+  );
+};
+const FieldText = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  return /* @__PURE__ */ jsx(
+    InputGroup,
+    {
+      ...{
+        error: error == null ? void 0 : error.message,
+        input: /* @__PURE__ */ jsx(
+          InputText,
+          {
+            ...{
+              ...field == null ? void 0 : field.attributes,
+              "aria-label": field == null ? void 0 : field.label,
+              onChange,
+              style,
+              value: value || ""
+            }
+          }
+        ),
+        label: field == null ? void 0 : field.label,
+        style
+      }
+    }
+  );
+};
+const FieldTextarea = ({
+  error,
+  field,
+  onChange = () => {
+  },
+  style,
+  value
+}) => {
+  return /* @__PURE__ */ jsx(
+    InputGroup,
+    {
+      ...{
+        error: error == null ? void 0 : error.message,
+        input: /* @__PURE__ */ jsx(
+          InputTextarea,
+          {
+            ...{
+              ...field == null ? void 0 : field.attributes,
+              "aria-label": field == null ? void 0 : field.label,
+              onChange,
+              style,
+              value: value || ""
+            }
+          }
+        ),
+        label: field == null ? void 0 : field.label,
+        style
+      }
+    }
+  );
+};
+const components = {
+  email: (props) => /* @__PURE__ */ jsx(
+    FieldEmail,
+    {
+      ...props
+    }
+  ),
+  name: (props) => /* @__PURE__ */ jsx(
+    FieldName,
+    {
+      ...props
+    }
+  ),
+  number: (props) => /* @__PURE__ */ jsx(
+    FieldNumber,
+    {
+      ...props
+    }
+  ),
+  phone: (props) => /* @__PURE__ */ jsx(
+    FieldPhone,
+    {
+      ...props
+    }
+  ),
+  select: (props) => /* @__PURE__ */ jsx(
+    FieldSelect,
+    {
+      ...props
+    }
+  ),
+  text: (props) => /* @__PURE__ */ jsx(
+    FieldText,
+    {
+      ...props
+    }
+  ),
+  textarea: (props) => /* @__PURE__ */ jsx(
+    FieldTextarea,
+    {
+      ...props
+    }
+  )
+};
+import { errors, validators } from "@drawbridge/drawbridge-utils/fields-validate";
+export {
+  components,
+  errors,
+  validators as validate
+};