@jobber/components 4.18.10-add-contro.2 → 4.19.0

package/dist/Checkbox/Checkbox.d.ts

@@ -1,6 +1,5 @@
 import { ReactElement } from "react";
 import { XOR } from "ts-xor";
-import { RegisterOptions } from "react-hook-form";
 interface BaseCheckboxProps {
     /**
      * Determines if the checkbox is checked or not.
@@ -36,11 +35,6 @@ interface BaseCheckboxProps {
     readonly description?: string;
     onChange?(newValue: boolean): void;
     onFocus?(): void;
-    /**
-     * Show an error message above the field. This also
-     * highlights the the field red if an error message shows up.
-     */
-    readonly validations?: RegisterOptions;
 }
 interface CheckboxLabelProps extends BaseCheckboxProps {
     /**
@@ -55,5 +49,5 @@ interface CheckboxChildrenProps extends BaseCheckboxProps {
     readonly children?: ReactElement;
 }
 type CheckboxProps = XOR<CheckboxLabelProps, CheckboxChildrenProps>;
-export declare function Checkbox({ checked, defaultChecked, disabled, label, name, value, indeterminate, description, children, validations, onChange, onFocus, }: CheckboxProps): JSX.Element;
+export declare function Checkbox({ checked, defaultChecked, disabled, label, name, value, indeterminate, description, children, onChange, onFocus, }: CheckboxProps): JSX.Element;
 export {};

package/dist/Checkbox/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../Checkbox-d00c2a00.js');
+var Checkbox = require('../Checkbox-3bccf65c.js');
 require('../tslib.es6-5b8768b7.js');
 require('react');
 require('uuid');

package/dist/{Checkbox-d00c2a00.js → Checkbox-3bccf65c.js}

@@ -18,7 +18,7 @@ var css_248z = ".d-2MyyzKGN0- {\n  display: inline-block;\n}\n\n.OFHQaLxY8zI- {\
 var styles = {"checkbox":"d-2MyyzKGN0-","wrapper":"OFHQaLxY8zI-","disabled":"HRrf3AZlpHc-","checkHolder":"kMH5B1jwh-Y-","input":"rup0RBe4DNU-","checkBox":"lOQVnJA7zPM-","indeterminate":"Njn2CQDXwVA-","label":"eHENKCs5umc-","description":"fSEH0cAO9cI-"};
 styleInject_es.styleInject(css_248z);
 
-function Checkbox({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, children, validations, onChange, onFocus, }) {
+function Checkbox({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, children, onChange, onFocus, }) {
     const { control, setValue, watch } = reactHookForm.useFormContext() != undefined
         ? reactHookForm.useFormContext()
         : // If there isn't a Form Context being provided, get a form for this field.
@@ -41,9 +41,9 @@ function Checkbox({ checked, defaultChecked, disabled, label, name, value, indet
     });
     const iconName = indeterminate ? "minus2" : "checkmark";
     const labelText = label ? React__default["default"].createElement(Text.Text, null, label) : children;
-    return (React__default["default"].createElement(reactHookForm.Controller, { control: control, name: controlledName, rules: Object.assign({}, validations), defaultValue: defaultChecked, render: (_a) => {
+    return (React__default["default"].createElement(reactHookForm.Controller, { control: control, name: controlledName, defaultValue: defaultChecked, render: (_a) => {
             var _b = _a.field, { onChange: onControllerChange, name: controllerName } = _b, rest = tslib_es6.__rest(_b, ["onChange", "name"]);
-            const fieldProps = Object.assign(Object.assign({}, rest), { id: identifier, className: inputClassName, name: (validations || name) && controllerName, onChange: handleChange, disabled: disabled });
+            const fieldProps = Object.assign(Object.assign({}, rest), { id: identifier, className: inputClassName, name: name && controllerName, onChange: handleChange, disabled: disabled });
             return (React__default["default"].createElement("div", { className: styles.checkbox },
                 React__default["default"].createElement("label", { className: wrapperClassName },
                     React__default["default"].createElement("span", { className: styles.checkHolder },

package/dist/MultiSelect/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var classnames = require('classnames');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Checkbox = require('../Checkbox-d00c2a00.js');
+var Checkbox = require('../Checkbox-3bccf65c.js');
 var Text = require('../Text-e7ed0974.js');
 var Icon = require('../Icon-405a216c.js');
 require('../tslib.es6-5b8768b7.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.18.10-add-contro.2+d8d58bf1",
+  "version": "4.19.0",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.41.2",
-    "@jobber/formatters": "^0.2.2",
+    "@jobber/formatters": "*",
     "@jobber/hooks": "^2.1.3",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -83,5 +83,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "d8d58bf10aa8dda47b3d475284c18764555516f7"
+  "gitHead": "48f00246d2f9fac845289409468e82611472c3ad"
 }