@dilicorp/ui 0.0.82 → 0.0.84

package/dist/components/form-builder/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAGpC,aAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,QAAQ,GAAC,OAAO,GAAC,QAAQ,CAAA;IAChC,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,SAAS,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,SAAS,GAAC,MAAM,CAAA;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,KAAK,EAAE,KAAK,eA0B1C"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAGpC,aAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,QAAQ,GAAC,OAAO,GAAC,QAAQ,CAAA;IAChC,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,SAAS,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,SAAS,GAAC,MAAM,CAAA;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,KAAK,EAAE,KAAK,eA4B1C"}

package/dist/components/form-builder/components/button.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { Button } from '../../../atoms/button';
 export default function Input(props) {
-    const { type = 'button', actions, color = 'primary', label, labelLoading = label, className } = props, elements = __rest(props, ["type", "actions", "color", "label", "labelLoading", "className"]);
+    const { type = 'button', actions, color = 'primary', label, labelLoading = label, className, id } = props, elements = __rest(props, ["type", "actions", "color", "label", "labelLoading", "className", "id"]);
     return (React.createElement("div", null,
-        React.createElement(Button, Object.assign({}, elements, { className: className, type: type, color: color }), actions.isSubmitting
+        React.createElement(Button, Object.assign({}, elements, { className: className, type: type, color: color }, (id && { 'data-testid': id })), actions.isSubmitting
             ? labelLoading
             : label)));
 }

package/dist/components/form-builder/components/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,WAAW,EAAE,MAAM,QAAQ,CAAA;AAE/C,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAED,aAAK,KAAK,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,KAAK,EAAE,KAAK,wBAqC7C"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,WAAW,EAAE,MAAM,QAAQ,CAAA;AAE/C,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAED,aAAK,KAAK,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,KAAK,EAAE,KAAK,wBAsC7C"}

package/dist/components/form-builder/components/checkbox.js

@@ -12,6 +12,6 @@ export default function Checkbox(props) {
         });
     };
     return options.map((option, index) => (React.createElement("div", { className: "form-check", key: `${name}-${index}` },
-        React.createElement(FastField, Object.assign({ value: option.value, name: name, id: `${id}-${index}` }, isChecked(option), { disabled }, { className: "form-check-input", type: "checkbox", tabIndex: tabIndex })),
+        React.createElement(FastField, Object.assign({ value: option.value, name: name, id: `${id}-${index}`, "data-testid": `${id}-${index}` }, isChecked(option), { disabled }, { className: "form-check-input", type: "checkbox", tabIndex: tabIndex })),
         React.createElement("label", { className: "form-check-label", htmlFor: `${id}-${index}` }, option.label))));
 }

package/dist/components/form-builder/components/datepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/datepicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACpC,OAAO,EAAmB,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAEvF,aAAK,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;IACpD,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAE,KAAK,EAAE,KAAK,eAgB/C"}
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/datepicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACpC,OAAO,EAAmB,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAEvF,aAAK,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;IACpD,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAE,KAAK,EAAE,KAAK,eAkB/C"}

package/dist/components/form-builder/components/datepicker.js

@@ -12,6 +12,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { InputDatepicker } from '../../../atoms/input-datepicker';
 export default function DatePicker(props) {
-    const { name, actions, value } = props, rest = __rest(props, ["name", "actions", "value"]);
-    return (React.createElement(InputDatepicker, Object.assign({ value: value || '', name: name }, rest, { onChange: actions.setFieldValue })));
+    const { name, actions, value, id = name } = props, rest = __rest(props, ["name", "actions", "value", "id"]);
+    return (React.createElement(InputDatepicker, Object.assign({ value: value || '', name: name, "data-testid": id }, rest, { onChange: actions.setFieldValue })));
 }

package/dist/components/form-builder/components/dropzone.js

@@ -11,7 +11,7 @@ export default function DropZone(props) {
     const { acceptedFiles, fileRejections, getRootProps, getInputProps, isDragActive } = useDropzone(Object.assign(Object.assign({}, dropzoneOptions), { onDrop, multiple: (dropzoneOptions === null || dropzoneOptions === void 0 ? void 0 : dropzoneOptions.multiple) || false }));
     return (React.createElement("div", { className: "dropzone-container" },
         React.createElement("div", Object.assign({}, getRootProps({ className: 'dropzone' })),
-            React.createElement("input", Object.assign({}, getInputProps({ name, id }))),
+            React.createElement("input", Object.assign({}, getInputProps({ name, id }), { "data-testid": id })),
             isDragActive
                 ? React.createElement("p", null, textFileSelect)
                 : React.createElement("p", null, textFileSelected)),

package/dist/components/form-builder/components/input.js

@@ -16,7 +16,7 @@ import { InputCurrency } from './input-currency';
 import { InputMask } from './input-mask';
 import { InputPrefixSuffix } from './input-prefix-suffix';
 export default function Input(props) {
-    const { name, id = name, type = 'text', tabIndex = 0, actions, value = '', mask, multiple = false, currency, className, prefix, suffix } = props, elements = __rest(props, ["name", "id", "type", "tabIndex", "actions", "value", "mask", "multiple", "currency", "className", "prefix", "suffix"]);
+    const { name, id = name, type = 'text', tabIndex = 0, actions, mask, multiple = false, currency, className, prefix, suffix } = props, elements = __rest(props, ["name", "id", "type", "tabIndex", "actions", "mask", "multiple", "currency", "className", "prefix", "suffix"]);
     const validOptions = {
         alt: elements.alt,
         autoComplete: elements.autoComplete,
@@ -49,8 +49,7 @@ export default function Input(props) {
     const curValue = actions.values[name];
     const classes = classNames(className, 'form-control');
     const attrs = Object.assign(Object.assign({}, validOptions), { value: curValue, className: classes, name,
-        id,
-        type,
+        id, 'data-testid': id, type,
         tabIndex, autoComplete: 'none', onChange: handleChange });
     if (currency)
         return React.createElement(InputCurrency, Object.assign({}, { name, attrs, currency, handleChange }));

package/dist/components/form-builder/components/password.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/password.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAS,WAAW,EAAE,MAAM,QAAQ,CAAA;AAE3C,aAAK,KAAK,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,KAAK,EAAE,KAAK,eA+D7C"}
+{"version":3,"file":"password.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/password.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAS,WAAW,EAAE,MAAM,QAAQ,CAAA;AAE3C,aAAK,KAAK,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,KAAK,EAAE,KAAK,eAgE7C"}

package/dist/components/form-builder/components/password.js

@@ -42,5 +42,5 @@ export default function Password(props) {
     };
     return (React.createElement("div", { className: "position-relative" },
         React.createElement("div", { role: "button", className: `form-password-button${visible ? ' visible' : ''}`, onClick: handleVisible }, labelButton),
-        React.createElement(Field, Object.assign({}, validOptions, { type: visible ? 'text' : 'password', className: "form-control", name: name, id: id, tabIndex: tabIndex, onChange: handleChange, readOnly: true, autoComplete: "off", onFocus: handleFocus }))));
+        React.createElement(Field, Object.assign({}, validOptions, { type: visible ? 'text' : 'password', className: "form-control", name: name, id: id, "data-testid": id, tabIndex: tabIndex, onChange: handleChange, readOnly: true, autoComplete: "off", onFocus: handleFocus }))));
 }

package/dist/components/form-builder/components/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,WAAW,EAAE,MAAM,QAAQ,CAAA;AAE/C,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAED,aAAK,KAAK,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,KAAK,EAAE,KAAK,wBA8C1C"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,WAAW,EAAE,MAAM,QAAQ,CAAA;AAE/C,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAED,aAAK,KAAK,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,KAAK,EAAE,KAAK,wBA+C1C"}

package/dist/components/form-builder/components/radio.js

@@ -19,6 +19,6 @@ export default function Radio(props) {
         }
     };
     return options.map((option, index) => (React.createElement("div", { className: "form-check", key: `${name}-${index}` },
-        React.createElement(FastField, Object.assign({ value: option.value, name: name, id: `${id}-${index}` }, isChecked(option), { disabled }, { type: "radio", tabIndex: tabIndex, className: "form-check-input", onChange: handleChange })),
+        React.createElement(FastField, Object.assign({ value: option.value, name: name, id: `${id}-${index}`, "data-testid": `${id}-${index}` }, isChecked(option), { disabled }, { type: "radio", tabIndex: tabIndex, className: "form-check-input", onChange: handleChange })),
         React.createElement("label", { className: "form-check-label", htmlFor: `${id}-${index}` }, option.label))));
 }

package/dist/components/form-builder/components/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/select.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAGpC,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAED,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAC,MAAM,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAE,KAAK,EAAE,KAAK,eAuD3C"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/select.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAGpC,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAED,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAC,MAAM,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAE,KAAK,EAAE,KAAK,eAwD3C"}

package/dist/components/form-builder/components/select.js

@@ -21,5 +21,5 @@ export default function Select(props) {
         actions.setFieldValue(name, JSON.stringify(newValue));
         setValue(newValue);
     }, []);
-    return (React.createElement(ReactSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", options: options, name: name, id: id, defaultValue: currValue, value: currValue, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti, onChange: handleChange }));
+    return (React.createElement(ReactSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", options: options, name: name, id: id, "data-testid": id, defaultValue: currValue, value: currValue, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti, onChange: handleChange }));
 }

package/dist/components/form-builder/form-builder-components-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-builder-components-list.d.ts","sourceRoot":"","sources":["../../../src/components/form-builder/form-builder-components-list.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB;;;;;;;;;CASrC,CAAA"}
+{"version":3,"file":"form-builder-components-list.d.ts","sourceRoot":"","sources":["../../../src/components/form-builder/form-builder-components-list.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,yBAAyB;;;;;;;;;CASrC,CAAA"}

package/dist/components/form-builder/form-builder-components-list.js

@@ -1,10 +1,18 @@
+import Button from './components/button';
+import Checkbox from './components/checkbox';
+import Datepicker from './components/datepicker';
+import Dropzone from './components/dropzone';
+import Input from './components/input';
+import Password from './components/password';
+import Radio from './components/radio';
+import Select from './components/select';
 export const FormBuilderComponentsList = {
-    button: require('./components/button').default,
-    checkbox: require('./components/checkbox').default,
-    datepicker: require('./components/datepicker').default,
-    dropzone: require('./components/dropzone').default,
-    input: require('./components/input').default,
-    password: require('./components/password').default,
-    radio: require('./components/radio').default,
-    select: require('./components/select').default
+    button: Button,
+    checkbox: Checkbox,
+    datepicker: Datepicker,
+    dropzone: Dropzone,
+    input: Input,
+    password: Password,
+    radio: Radio,
+    select: Select
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.0.82",
+  "version": "0.0.84",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",