@loja-integrada/admin-components 0.9.1 → 0.9.5

package/dist/Forms/Checkbox/Checkbox.d.ts

@@ -3,4 +3,5 @@ export declare const Checkbox: React.MemoExoticComponent<React.ForwardRefExoticC
 export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: string | React.ReactNode;
     indeterminate?: boolean;
+    boxAlign?: 'center' | 'baseline';
 }

package/dist/Icons/icons-path/Image.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Image: () => JSX.Element;

package/dist/Icons/icons-path/Move.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Move: () => JSX.Element;

package/dist/Icons/icons-path/index.d.ts

@@ -28,6 +28,8 @@ export declare const icons: {
     exclamationTriangle: () => JSX.Element;
     externalLink: () => JSX.Element;
     home: () => JSX.Element;
+    image: () => JSX.Element;
+    move: () => JSX.Element;
     order: () => JSX.Element;
     pagali: () => JSX.Element;
     paperList: () => JSX.Element;

package/dist/admin-components.cjs.development.js

@@ -274,6 +274,22 @@ var Home = function Home() {
   });
 };
 
+var Image = function Image() {
+  return React__default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.5 5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm5.5 7.5H2a.5.5 0 0 1-.5-.5v-.937L5.176 8.39a2.247 2.247 0 0 1 2.647 0l2.188 1.59a3.759 3.759 0 0 0 4.027.246L16.5 8.857V12a.5.5 0 0 1-.5.5ZM2 1.5h14a.5.5 0 0 1 .5.5v5.261a.704.704 0 0 0-.364.084l-2.827 1.57a2.258 2.258 0 0 1-2.416-.147L8.706 7.177a3.743 3.743 0 0 0-4.412 0L1.5 9.209V2a.5.5 0 0 1 .5-.5ZM16 0H2a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Z",
+    clipRule: "evenodd"
+  });
+};
+
+var Move = function Move() {
+  return React__default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.5 14c0-.828-.672-1.5-1.5-1.5s-1.5.672-1.5 1.5.672 1.5 1.5 1.5 1.5-.672 1.5-1.5zm-6 0c0-.828-.671-1.5-1.5-1.5S.5 13.172.5 14s.671 1.5 1.5 1.5 1.5-.672 1.5-1.5zm6-12C9.5 1.172 8.828.5 8 .5S6.5 1.172 6.5 2 7.172 3.5 8 3.5 9.5 2.828 9.5 2zm-6 0C3.5 1.172 2.829.5 2 .5S.5 1.172.5 2 1.171 3.5 2 3.5 3.5 2.828 3.5 2zm6 6c0-.828-.672-1.5-1.5-1.5S6.5 7.172 6.5 8 7.172 9.5 8 9.5 9.5 8.828 9.5 8zM2 9.5C1.171 9.5.5 8.828.5 8S1.171 6.5 2 6.5s1.5.672 1.5 1.5S2.829 9.5 2 9.5z",
+    clipRule: "evenodd"
+  });
+};
+
 var Order = function Order() {
   return React__default.createElement("path", {
     fillRule: "evenodd",
@@ -502,6 +518,8 @@ var icons = {
   exclamationTriangle: ExclamationTriangle,
   externalLink: ExternalLink,
   home: Home,
+  image: Image,
+  move: Move,
   order: Order,
   pagali: Pagali,
   paperList: PaperList,
@@ -669,7 +687,7 @@ var LoadingPlaceholderComponent = function LoadingPlaceholderComponent(_ref) {
   return React__default.createElement("div", {
     className: "animate-pulse flex " + className
   }, React__default.createElement("div", {
-    className: "h-4 bg-inverted-2 bg-opacity-20 rounded w-80 max-w-full"
+    className: "h-4 bg-inverted-2 bg-opacity-20 rounded w-full max-w-full"
   }));
 };
 
@@ -1578,7 +1596,9 @@ var CheckboxComponent = function CheckboxComponent(_ref, ref) {
       checked = _ref.checked,
       disabled = _ref.disabled,
       indeterminate = _ref.indeterminate,
-      props = _objectWithoutPropertiesLoose(_ref, ["label", "id", "name", "onChange", "checked", "disabled", "indeterminate"]);
+      _ref$boxAlign = _ref.boxAlign,
+      boxAlign = _ref$boxAlign === void 0 ? 'center' : _ref$boxAlign,
+      props = _objectWithoutPropertiesLoose(_ref, ["label", "id", "name", "onChange", "checked", "disabled", "indeterminate", "boxAlign"]);
 
   var inputRef = React__default.useRef(null);
   var inputId = id || name;
@@ -1591,6 +1611,7 @@ var CheckboxComponent = function CheckboxComponent(_ref, ref) {
       isIndeterminate = _React$useState2[0],
       setIsIndeterminate = _React$useState2[1];
 
+  var isCenterBoxAlign = boxAlign === 'center';
   React__default.useEffect(function () {
     setIsChecked(!!checked);
     if (checked) setIsIndeterminate(false);
@@ -1609,11 +1630,11 @@ var CheckboxComponent = function CheckboxComponent(_ref, ref) {
   };
 
   var checkboxIconClasses = "transition duration-200 ease-in-out " + (isChecked || isIndeterminate ? 'scale-100' : 'scale-0');
-  var checkboxIconContainerClasses = "border border-card-stroke transition duration-200 ease-in-out " + (disabled ? 'bg-base-4' : isChecked || isIndeterminate ? 'bg-primary border-primary' : 'bg-base-1') + "  rounded w-4 h-4 flex justify-center items-center m-px";
+  var checkboxIconContainerClasses = "border border-card-stroke transition duration-200 ease-in-out\n    " + (disabled ? 'bg-base-4' : isChecked || isIndeterminate ? 'bg-primary border-primary' : 'bg-base-1') + "\n    " + (isCenterBoxAlign ? 'items-center' : '') + "\n    rounded w-4 h-4 flex justify-center m-px\n  ";
   var checkboxLabelClasses = "ml-1 input-label text-f6 tracking-4 leading-6 " + (disabled ? 'text-inverted-2' : '');
   return React__default.createElement("label", {
     htmlFor: inputId,
-    className: "inline-flex items-center cursor-pointer"
+    className: "inline-flex items-" + boxAlign + " cursor-pointer"
   }, React__default.createElement("span", {
     className: "rounded z-50 flex items-center justify-center focus-within:ring-2 ring-focus"
   }, React__default.createElement("input", Object.assign({
@@ -1828,10 +1849,12 @@ var TableComponent = function TableComponent(_ref2) {
     }));
   })), React__default.createElement("tbody", Object.assign({}, getTableBodyProps(), {
     className: "text-sm text-on-base"
-  }), isLoading ? React__default.createElement("tr", null, React__default.createElement("td", {
-    colSpan: columnsLength || 1,
-    className: "" + TdClasses
-  }, React__default.createElement(TdWrapper, null, React__default.createElement(LoadingPlaceholder, null)))) : !rows || !rows.length ? React__default.createElement("tr", null, React__default.createElement("td", {
+  }), isLoading ? React__default.createElement("tr", null, Array(columnsLength).fill(0).map(function (key) {
+    return React__default.createElement("td", {
+      key: key,
+      className: "" + TdClasses
+    }, React__default.createElement(TdWrapper, null, React__default.createElement(LoadingPlaceholder, null)));
+  })) : !rows || !rows.length ? React__default.createElement("tr", null, React__default.createElement("td", {
     colSpan: columnsLength || 1,
     className: "" + TdClasses
   }, React__default.createElement(TdWrapper, null, React__default.createElement("div", {
@@ -1890,12 +1913,13 @@ var TabsItem = function TabsItem(_ref) {
       active = _ref$active === void 0 ? false : _ref$active,
       onChange = _ref.onChange;
   return React__default.createElement("button", {
+    id: "btnTab" + id,
     className: "tabs-item " + (active ? 'tabs-item-active' : '') + " group min-w-0 flex-shrink-0 overflow-x-hidden px-2 last:-mr-2 first:-ml-2",
     onClick: function onClick() {
       return onChange(id);
     }
   }, React__default.createElement("span", {
-    className: "block text-f6 text-sm py-4 border-b-4 break-words group-hover:font-semibold " + activeStyles(active) + " " + boldFixStyle,
+    className: "block text-f6 tracking-4 text-sm py-4 border-b-4 break-words group-hover:font-semibold " + activeStyles(active) + " " + boldFixStyle,
     "data-title": title
   }, title));
 };
@@ -2685,6 +2709,7 @@ var ActionBarComponent = function ActionBarComponent(_ref) {
     className: "lg:hidden"
   }, React__default.Children.map(children, function (_ref3) {
     var props = _ref3.props;
+    if (!props.children) return;
     return React__default.createElement("button", {
       className: 'px-4 py-1 text-base-1' + (props != null && props.loading ? ' pointer-events-none' : ''),
       onClick: props == null ? void 0 : props.onClick
@@ -2803,6 +2828,7 @@ var PaginationInfoComponent = function PaginationInfoComponent(_ref) {
   }, React__default.createElement("div", {
     className: "flex items-center mr-5 text-inverted-2 tracking-4 text-f6"
   }, itemsLengthOptions ? React__default.createElement(Select, {
+    id: "selectItemsPerPage",
     options: itemsLengthOptions,
     withoutStyle: true,
     "aria-label": "Itens por p\xE1gina",
@@ -2872,6 +2898,7 @@ var PaginationNavComponent = function PaginationNavComponent(_ref) {
   }, React__default.createElement("div", {
     className: "text-inverted-2 text-f6 tracking-4"
   }, React__default.createElement("span", {
+    id: "btnPaginationActualPage",
     className: "pagination-nav-current text-primary font-semibold",
     ref: inputEl,
     contentEditable: true,
@@ -2881,6 +2908,7 @@ var PaginationNavComponent = function PaginationNavComponent(_ref) {
     onCut: onPreventDefault,
     onPaste: onPreventDefault
   }, currentPage), ' ', "/", ' ', React__default.createElement("button", {
+    id: "btnPaginationLastPage",
     className: "pagination-nav-total focus:outline-none",
     onClick: function onClick() {
       if (currentPage !== maxTotalPages) handleChange(maxTotalPages);
@@ -2888,7 +2916,8 @@ var PaginationNavComponent = function PaginationNavComponent(_ref) {
   }, maxTotalPages)), React__default.createElement("div", {
     className: "text-inverted-2 ml-5 flex items-center"
   }, React__default.createElement("button", {
-    className: "pagination-nav-previous mr-3 duration-200 focus:outline-none " + (hasPrev ? 'hover:text-inverted-1' : ''),
+    id: "btnPaginationPrev",
+    className: "pagination-nav-previous mr-3 duration-200 outline-none " + (hasPrev ? 'hover:text-inverted-1' : ''),
     "aria-label": "Ir para p\xE1gina anterior",
     onClick: function onClick() {
       if (hasPrev) handleChange(currentPage - 1);
@@ -2898,7 +2927,8 @@ var PaginationNavComponent = function PaginationNavComponent(_ref) {
     block: true,
     size: 4
   })), React__default.createElement("button", {
-    className: "pagination-nav-next duration-200 focus:outline-none " + (hasNext ? 'hover:text-inverted-1' : ''),
+    id: "btnPaginationNext",
+    className: "pagination-nav-next duration-200 outline-none " + (hasNext ? 'hover:text-inverted-1' : ''),
     "aria-label": "Ir para pr\xF3xima p\xE1gina",
     onClick: function onClick() {
       if (hasNext) handleChange(currentPage + 1);