@loja-integrada/admin-components 0.9.0 → 0.9.4

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/Sync.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Sync: () => 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;
@@ -46,4 +48,5 @@ export declare const icons: {
     truck: () => JSX.Element;
     usdCircle: () => JSX.Element;
     questionCircle: () => JSX.Element;
+    sync: () => 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",
@@ -422,6 +438,14 @@ var Search = function Search() {
   });
 };
 
+var Sync = function Sync() {
+  return React__default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.228 1.731 14.12 2.938C12.175.9 10.174 0 7.64 0 3.935 0 0 2.667 0 7.556h1.347c0-4 3.165-6.173 6.292-6.173 2.182 0 3.86.762 5.56 2.561l-1.405 1.534a.444.444 0 0 0 .327.745h3.435c.245 0 .444-.2.444-.445V2.031a.444.444 0 0 0-.772-.3Zm-.574 6.714H16C16 13.334 12.064 16 8.36 16c-2.534 0-4.535-.9-6.482-2.938L.772 14.268a.444.444 0 0 1-.772-.3v-3.745c0-.247.199-.445.445-.445h3.432c.386 0 .588.46.328.745L2.8 12.055c1.702 1.8 3.379 2.562 5.56 2.562 3.127 0 6.294-2.172 6.294-6.172Z",
+    clipRule: "evenodd"
+  });
+};
+
 var AngleDiagonal = function AngleDiagonal() {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("path", {
     d: "M12.7122 4.22709L13.7728 5.28775L5.28753 13.773L4.22687 12.7124L12.7122 4.22709Z",
@@ -494,6 +518,8 @@ var icons = {
   exclamationTriangle: ExclamationTriangle,
   externalLink: ExternalLink,
   home: Home,
+  image: Image,
+  move: Move,
   order: Order,
   pagali: Pagali,
   paperList: PaperList,
@@ -511,7 +537,8 @@ var icons = {
   tv: Tv,
   truck: Truck,
   usdCircle: UsdCircle,
-  questionCircle: QuestionCircle
+  questionCircle: QuestionCircle,
+  sync: Sync
 };
 
 var iconSizes = {
@@ -1569,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;
@@ -1582,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);
@@ -1600,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({
@@ -2676,6 +2706,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