@dilicorp/ui 0.0.84 → 0.0.86

package/dist/atoms/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/atoms/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAGnD,oBAAY,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,SAAS,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,MAAM,GAAC,SAAS,GAAC,SAAS,CAAA;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACvC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqDxC,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/atoms/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAGnD,oBAAY,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,SAAS,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,MAAM,GAAC,SAAS,GAAC,SAAS,CAAA;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACvC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuDxC,CAAA"}

package/dist/atoms/button.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import classNames from 'classnames';
 export const Button = (_a) => {
-    var { children, active, block, className, color = 'primary', disabled, small = false, href, outline, innerRef, target, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["children", "active", "block", "className", "color", "disabled", "small", "href", "outline", "innerRef", "target", 'aria-label']);
+    var { children, active, block, className, color = 'primary', disabled, small = false, href, outline, innerRef, target, 'aria-label': ariaLabel, id } = _a, props = __rest(_a, ["children", "active", "block", "className", "color", "disabled", "small", "href", "outline", "innerRef", "target", 'aria-label', "id"]);
     let { tag: Tag = 'button' } = props;
     const handleClick = (e) => {
         if (disabled) {
@@ -27,5 +27,5 @@ export const Button = (_a) => {
     if (href && Tag === 'button') {
         Tag = 'a';
     }
-    return (React.createElement(Tag, Object.assign({}, (Tag === 'button' && props.onClick && { type: 'button' }), props, (href && { href }), (target && { target }), { className: classes, ref: innerRef, onClick: handleClick, "aria-label": ariaLabel }), children));
+    return (React.createElement(Tag, Object.assign({}, (Tag === 'button' && props.onClick && { type: 'button' }), props, (href && { href }), (target && { target }), { className: classes }, (id && { id, 'data-testid': id }), { ref: innerRef, onClick: handleClick, "aria-label": ariaLabel }), children));
 };

package/dist/atoms/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/atoms/checkbox.tsx"],"names":[],"mappings":";AAGA,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,eAAO,MAAM,QAAQ,2BAA4B,aAAa,gBAI7D,CAAA"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/atoms/checkbox.tsx"],"names":[],"mappings":";AAGA,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,eAAO,MAAM,QAAQ,2BAAmC,aAAa,gBAIpE,CAAA"}

package/dist/atoms/checkbox.js

@@ -12,6 +12,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { Input } from './input';
 import React from 'react';
 export const Checkout = (_a) => {
-    var { name, id } = _a, props = __rest(_a, ["name", "id"]);
-    return (React.createElement(Input, Object.assign({ type: "checkbox" }, props, { id: id || name, name: name })));
+    var { name, id = name } = _a, props = __rest(_a, ["name", "id"]);
+    return (React.createElement(Input, Object.assign({ type: "checkbox" }, props, { id: id, "data-testid": id, name: name })));
 };

package/dist/atoms/input-datepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-datepicker.d.ts","sourceRoot":"","sources":["../../src/atoms/input-datepicker.tsx"],"names":[],"mappings":";AAQA,oBAAY,kBAAkB,GAAG,OAAO,GAAC,OAAO,GAAC,OAAO,GAAC,OAAO,CAAA;AAChE,oBAAY,mBAAmB,GAAG,YAAY,CAAA;AAO9C,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,OAAO,CAAC,EAAE,IAAI,GAAC,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,IAAI,GAAC,IAAI,CAAA;CACpB,CAAA;AAGD,eAAO,MAAM,eAAe,UAAW,oBAAoB,gBAkD1D,CAAA"}
+{"version":3,"file":"input-datepicker.d.ts","sourceRoot":"","sources":["../../src/atoms/input-datepicker.tsx"],"names":[],"mappings":";AAQA,oBAAY,kBAAkB,GAAG,OAAO,GAAC,OAAO,GAAC,OAAO,GAAC,OAAO,CAAA;AAChE,oBAAY,mBAAmB,GAAG,YAAY,CAAA;AAO9C,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,OAAO,CAAC,EAAE,IAAI,GAAC,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,IAAI,GAAC,IAAI,CAAA;CACpB,CAAA;AAGD,eAAO,MAAM,eAAe,UAAW,oBAAoB,gBAmD1D,CAAA"}

package/dist/atoms/input-datepicker.js

@@ -20,7 +20,7 @@ export const InputDatepicker = (props) => {
         setDate(currentDate);
     };
     const mask = [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/];
-    return (React.createElement(ReactDatePicker, { name: name, id: id, locale: locale, dateFormat: dateFormat, className: "form-control", selected: date, onChange: handleDateSelect, placeholderText: placeholder, autoComplete: "off", 
+    return (React.createElement(ReactDatePicker, { name: name, id: id, "data-testid": id, locale: locale, dateFormat: dateFormat, className: "form-control", selected: date, onChange: handleDateSelect, placeholderText: placeholder, autoComplete: "off", 
         // showMonthDropdown
         // useShortMonthInDropdown
         minDate: minDate, maxDate: maxDate, showYearDropdown: true, yearDropdownItemNumber: 5, scrollableYearDropdown: true, tabIndex: 2, customInput: React.createElement(MaskedTextInput, { type: "text", mask: mask }) }));

package/dist/atoms/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/atoms/radio.tsx"],"names":[],"mappings":";AAGA,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,eAAO,MAAM,KAAK,2BAA4B,UAAU,gBAIvD,CAAA"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/atoms/radio.tsx"],"names":[],"mappings":";AAGA,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,eAAO,MAAM,KAAK,2BAAmC,UAAU,gBAI9D,CAAA"}

package/dist/atoms/radio.js

@@ -12,6 +12,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { Input } from './input';
 import React from 'react';
 export const Radio = (_a) => {
-    var { name, id } = _a, props = __rest(_a, ["name", "id"]);
-    return (React.createElement(Input, Object.assign({ type: "radio" }, props, { id: id || name, name: name })));
+    var { name, id = name } = _a, props = __rest(_a, ["name", "id"]);
+    return (React.createElement(Input, Object.assign({ type: "radio" }, props, { id: id, "data-testid": id, name: name })));
 };

package/dist/components/form-builder/_partials/form-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-group.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/_partials/form-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,aAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,0BAA0B,EAAE,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,SAAS,UAAW,cAAc,gBAoB9C,CAAA"}
+{"version":3,"file":"form-group.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/_partials/form-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,aAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,0BAA0B,EAAE,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,SAAS,UAAW,cAAc,gBA4B9C,CAAA"}

package/dist/components/form-builder/_partials/form-group.js

@@ -4,10 +4,11 @@ import { FormBuilderItemHelper } from '../utils/form-builder-item-helper';
 export const FormGroup = (props) => {
     const { name, title, children, validations } = props;
     const required = FormBuilderItemHelper.init(validations).isRequired() ? React.createElement("span", null, "*") : null;
-    return (React.createElement("div", { className: "form-group" },
-        React.createElement("label", { className: "form-label", htmlFor: name },
+    return (React.createElement("div", { className: "form-group", "data-testid": `${name}-wrap` },
+        React.createElement("label", { className: "form-label", htmlFor: name, "data-testid": `${name}-label` },
             title,
             required),
         children,
-        React.createElement(ErrorMessage, { name: name, component: ({ children }) => React.createElement("div", { className: "invalid-feedback" }, children) })));
+        React.createElement("div", { "data-testid": `${name}-error` },
+            React.createElement(ErrorMessage, { name: name, component: ({ children }) => (React.createElement("div", { className: "invalid-feedback" }, children)) }))));
 };

package/package.json

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