@loja-integrada/admin-components 1.1.2 → 1.2.0

package/dist/chunk-NGGA7AJU.js

@@ -0,0 +1,8 @@
+import { a as a$1 } from './chunk-KEDPPRQK.js';
+import { a } from './chunk-REQIQLRI.js';
+import w, { useState, useEffect, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var n={success:{class:"bg-success-light border-success-dark",icon:"checkCircle",iconClass:"text-success-dark"},warning:{class:"bg-warning-light border-warning-dark",icon:"exclamationTriangle",iconClass:"text-warning"},danger:{class:"bg-danger-light border-danger",icon:"ban",iconClass:"text-danger"},info:{class:"bg-base-1 border-inverted-2",icon:"infoCircle",iconClass:"text-inverted-2"},primary:{class:"bg-primary-light border-primary",icon:"infoCircle",iconClass:"text-primary"}},k=({variant:s="info",isOpen:t=!0,title:f,subtitle:l,actions:i,showClose:b=!1,onClose:c,hideIcon:g=!1,customIcon:m,allBorders:d=!0,className:x})=>{let[u,p]=useState(t);useEffect(()=>{p(t);},[t]);let v=()=>{p(!1),c?.();},C=useMemo(()=>d?"":"border-r-0 border-y-0",[d]);return u?jsxs("div",{className:a("alert relative flex w-full items-start rounded border border-l-4 px-5 py-4 sm:items-center",n[s].class,C,x),children:[!g&&jsx("div",{className:a("alert-icon mr-3 hidden shrink-0 sm:block",n[s].iconClass),children:jsx(a$1,{icon:m||n[s].icon,size:6})}),jsxs("div",{className:"flex min-w-0 grow flex-col items-start justify-between sm:flex-row sm:items-center",children:[jsxs("div",{className:"flex min-w-0 flex-col justify-center break-words leading-5 tracking-4 text-on-base",children:[jsx("span",{className:"alert-title text-f5 font-semibold",children:f}),l?jsx("span",{className:"alert-subtitle text-f6 mt-1",children:l}):null]}),i?jsx("div",{className:"alert-actions mt-3 flex shrink-0 flex-row items-center space-x-3 sm:ml-5 sm:mt-0 sm:flex-row-reverse sm:space-x-reverse",children:i}):null]}),b||c?jsx("div",{className:"alert-close ml-5 flex shrink-0",children:jsx("button",{className:"-m-2 p-2 text-inverted-2 hover:text-inverted-1",onClick:v,type:"button","aria-label":"Close",children:jsx(a$1,{icon:"close",size:4,className:"mt-px sm:mt-0"})})}):null]}):null},R=w.memo(k);R.displayName="Alert";
+
+export { R as a };

package/dist/forms/Calendar/index.js

@@ -1,11 +1,11 @@
 "use client";export { a as Calendar } from '../../chunk-PHVC2M6R.js';
+import '../../chunk-KN7DOGNL.js';
+import '../../chunk-DTLT3DYY.js';
 import '../../chunk-DBWOW4GL.js';
 import '../../chunk-6W6QWPEA.js';
 import '../../chunk-4QFFUXWM.js';
 import '../../chunk-3BKW5XAK.js';
 import '../../chunk-L6H2NDVS.js';
-import '../../chunk-KN7DOGNL.js';
-import '../../chunk-DTLT3DYY.js';
 import '../../chunk-NW24WOHT.js';
 import '../../chunk-SJ4MATMO.js';
 import '../../chunk-7Z3CCBLX.js';

package/dist/forms/InputWithUnit/InputWithUnit.client.d.ts

@@ -0,0 +1,64 @@
+import { ChangeEvent } from 'react';
+import { CustomOptionProps } from '../Dropdown';
+export declare const DEFAULT_UNITS: {
+    label: string;
+    value: string;
+}[];
+declare const InputWithUnit: import("react").ForwardRefExoticComponent<InputWithUnitProps & import("react").RefAttributes<HTMLInputElement>>;
+type InputWithUnitProps = {
+    /**
+     * Array of units to be displayed in the input.
+     * Each unit should have an id and a name.
+     * @default []
+     * */
+    units: {
+        label: string;
+        value: string;
+    }[];
+    /**
+     * Maximum size of numbers accepted.
+     * @default 6
+     * */
+    maxSize?: number;
+    /**
+     * Help text to be displayed below the input.
+     * */
+    helpText?: string;
+    /**
+     * Additional class name to be applied to the outter container.
+     * */
+    className?: string;
+    /**
+     * Controls whether the input is disabled.
+     * @default false
+     * */
+    disabled?: boolean;
+    /**
+     * Error message to display
+     * */
+    errorMessage?: string;
+    /**
+     * Change input style to error state
+     * @default false
+     * */
+    hasError?: boolean;
+    /**
+     * Indicates if the input is required.
+     * This will add an asterisk (*) next to the label.
+     * @default false
+     * */
+    required?: boolean;
+    /**
+     * Label for the input field.
+     * */
+    label: string;
+    /**
+     * Callback to be called when the value changes.
+     * */
+    onChangeValue?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Callback to be called when the value changes.
+     * */
+    onChangeUnit?: (option: CustomOptionProps) => void;
+};
+export { InputWithUnit, type InputWithUnitProps };

package/dist/forms/InputWithUnit/index.d.ts

@@ -0,0 +1 @@
+export * from './InputWithUnit.client';

package/dist/forms/InputWithUnit/index.js

@@ -0,0 +1,15 @@
+"use client";import { a as a$2 } from '../../chunk-RB4S3T7L.js';
+import { a as a$1 } from '../../chunk-NW24WOHT.js';
+import '../../chunk-SJ4MATMO.js';
+import { a } from '../../chunk-7Z3CCBLX.js';
+import { a as a$3 } from '../../chunk-G3GCVCTU.js';
+import '../../chunk-LTWCICTK.js';
+import '../../chunk-KEDPPRQK.js';
+import '../../chunk-G2ZF74EK.js';
+import '../../chunk-REQIQLRI.js';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var N=[{label:"mm",value:"mm"},{label:"cm",value:"cm"},{label:"m",value:"m"}],U=forwardRef(({units:i=N,maxSize:h=6,className:f="",helpText:b="",disabled:a$4=!1,errorMessage:t="",hasError:l=!1,required:o=!1,label:v,onChangeValue:c,onChangeUnit:r},g)=>{let[x,I]=useState(i[0]);return jsxs("div",{className:`flex flex-col ${f}`,id:"input-with-unit__container",children:[jsx(a,{label:v,required:o,hasError:l||!!t,htmlFor:"input-with-unit",className:"mb-1"}),jsxs("div",{className:"flex w-full items-start gap-x-1",children:[jsx(a$1,{id:"input-with-unit",ref:g,maxLength:h,formatValue:"onlyNumber",disabled:a$4,hasError:l||!!t,required:o,onChange:c,formGroupClassName:"w-full"}),jsx(a$2,{id:"input-with-unit-dropdown",formGroupClassName:"w-28",placeholder:"mm",options:i,value:x,onChange:n=>{I({label:n.label,value:String(n.value)}),r&&r(n);},disabled:a$4,hasError:l||!!t})]}),jsx(a$3,{helpText:t||b,hasError:!!t})]})});U.displayName="InputWithUnit";
+
+export { N as DEFAULT_UNITS, U as InputWithUnit };

package/dist/forms/index.js

@@ -1,14 +1,14 @@
 import '../chunk-BQWNCDFV.js';
-export { a as Dropdown } from '../chunk-RB4S3T7L.js';
 export { b as Select, a as SelectComponent } from '../chunk-HZACKBIW.js';
 export { a as Calendar } from '../chunk-PHVC2M6R.js';
+import '../chunk-KN7DOGNL.js';
+import '../chunk-DTLT3DYY.js';
 import '../chunk-DBWOW4GL.js';
 import '../chunk-6W6QWPEA.js';
 import '../chunk-4QFFUXWM.js';
 import '../chunk-3BKW5XAK.js';
 import '../chunk-L6H2NDVS.js';
-import '../chunk-KN7DOGNL.js';
-import '../chunk-DTLT3DYY.js';
+export { a as Dropdown } from '../chunk-RB4S3T7L.js';
 export { a as InputMask } from '../chunk-NW24WOHT.js';
 export { a as Input } from '../chunk-SJ4MATMO.js';
 export { a as InputLabel } from '../chunk-7Z3CCBLX.js';

package/dist/index.js

@@ -1,29 +1,29 @@
 import './chunk-BQWNCDFV.js';
-export { a as Dropdown } from './chunk-RB4S3T7L.js';
 import './chunk-7RP4L6ZM.js';
 import './chunk-4PUGMMDC.js';
+export { a as Tooltip } from './chunk-TZI6YTCW.js';
 export { a as Breadcrumb } from './chunk-TSAI6WF3.js';
 export { a as HelpLink } from './chunk-N224DIUR.js';
 export { c as DEFAULT_OPTIONS, d as Pagination, a as PaginationInfo, b as PaginationNav } from './chunk-LYUEZJYR.js';
 export { b as Select, a as SelectComponent } from './chunk-HZACKBIW.js';
 export { a as Stepper } from './chunk-I7PCF2VW.js';
 export { a as Calendar } from './chunk-PHVC2M6R.js';
+import './chunk-KN7DOGNL.js';
+export { a as IconCircular } from './chunk-DTLT3DYY.js';
 import './chunk-DBWOW4GL.js';
 export { a as ActionBar } from './chunk-6W6QWPEA.js';
 export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from './chunk-4QFFUXWM.js';
 export { a as Container, b as ContainerHeader } from './chunk-3BKW5XAK.js';
 import './chunk-L6H2NDVS.js';
-import './chunk-KN7DOGNL.js';
-export { a as IconCircular } from './chunk-DTLT3DYY.js';
+export { a as Dropdown } from './chunk-RB4S3T7L.js';
 export { a as InputMask } from './chunk-NW24WOHT.js';
 export { a as Input } from './chunk-SJ4MATMO.js';
 export { a as InputLabel } from './chunk-7Z3CCBLX.js';
-export { a as Alert } from './chunk-FH4OKVGL.js';
+export { a as Alert } from './chunk-NGGA7AJU.js';
 export { a as Badge } from './chunk-7NXFX6TD.js';
 export { a as Tag } from './chunk-EUZRZJ5Q.js';
 export { a as Button } from './chunk-VVJUHPYS.js';
 export { b as ToastContainer, a as notify } from './chunk-RXFTQHN7.js';
-export { a as Tooltip } from './chunk-TZI6YTCW.js';
 export { a as DataTable } from './chunk-JZ6ZGBZ4.js';
 import './chunk-DVFKTOCS.js';
 export { a as Checkbox } from './chunk-DIENJUYM.js';

package/dist/indicators/Alert/Alert.client.d.ts

@@ -38,10 +38,14 @@ interface AlertProps {
      * Action for the alert, like button and hiperlinks
      * */
     actions?: React.ReactNode;
+    /**
+     * Shows all borders or just the left one
+     * */
+    allBorders?: boolean;
     /**
      * Custom className for the Alert container
      * */
     className?: string;
 }
-declare const Alert: React.MemoExoticComponent<({ variant, isOpen, title, subtitle, actions, showClose, onClose, hideIcon, customIcon, className }: AlertProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const Alert: React.MemoExoticComponent<({ variant, isOpen, title, subtitle, actions, showClose, onClose, hideIcon, customIcon, allBorders, className }: AlertProps) => import("react/jsx-runtime").JSX.Element | null>;
 export { Alert, type AlertProps };

package/dist/indicators/Alert/index.js

@@ -1,4 +1,4 @@
-"use client";export { a as Alert } from '../../chunk-FH4OKVGL.js';
+"use client";export { a as Alert } from '../../chunk-NGGA7AJU.js';
 import '../../chunk-LTWCICTK.js';
 import '../../chunk-KEDPPRQK.js';
 import '../../chunk-G2ZF74EK.js';

package/dist/indicators/index.js

@@ -1,10 +1,10 @@
 import '../chunk-7RP4L6ZM.js';
-export { a as Alert } from '../chunk-FH4OKVGL.js';
+export { a as Tooltip } from '../chunk-TZI6YTCW.js';
+export { a as Alert } from '../chunk-NGGA7AJU.js';
 export { a as Badge } from '../chunk-7NXFX6TD.js';
 export { a as Tag } from '../chunk-EUZRZJ5Q.js';
 import '../chunk-VVJUHPYS.js';
 export { b as ToastContainer, a as notify } from '../chunk-RXFTQHN7.js';
-export { a as Tooltip } from '../chunk-TZI6YTCW.js';
 import '../chunk-LTWCICTK.js';
 import '../chunk-KEDPPRQK.js';
 import '../chunk-G2ZF74EK.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loja-integrada/admin-components",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "author": "Loja Integrada",
   "license": "MIT",
   "repository": {
@@ -133,6 +133,10 @@
       "types": "./dist/forms/InputMask/InputMask.d.ts",
       "import": "./dist/forms/InputMask/index.js"
     },
+    "./InputWithUnit": {
+      "types": "./dist/forms/InputWithUnit/InputWithUnit.d.ts",
+      "import": "./dist/forms/InputWithUnit/index.js"
+    },
     "./Select": {
       "types": "./dist/forms/Select/Select.d.ts",
       "import": "./dist/forms/Select/index.js"

package/dist/chunk-FH4OKVGL.js

@@ -1,8 +0,0 @@
-import { a as a$1 } from './chunk-KEDPPRQK.js';
-import { a } from './chunk-REQIQLRI.js';
-import v, { useState, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var n={success:{class:"bg-success-light border-success-dark",icon:"checkCircle",iconClass:"text-success-dark"},warning:{class:"bg-warning-light border-warning",icon:"exclamationTriangle",iconClass:"text-warning"},danger:{class:"bg-danger-light border-danger",icon:"ban",iconClass:"text-danger"},info:{class:"bg-base-1 border-inverted-2",icon:"infoCircle",iconClass:"text-inverted-2"},primary:{class:"bg-primary-light border-primary",icon:"infoCircle",iconClass:"text-primary"}},N=({variant:s="info",isOpen:t=!0,title:p,subtitle:l,actions:o,showClose:f=!1,onClose:c,hideIcon:g=!1,customIcon:m,className:b})=>{let[x,d]=useState(t);useEffect(()=>{d(t);},[t]);let u=()=>{d(!1),c?.();};return x?jsxs("div",{className:a("alert relative flex w-full items-start rounded border border-l-4 px-5 py-4 sm:items-center",n[s].class,b),children:[!g&&jsx("div",{className:a("alert-icon mr-3 hidden shrink-0 sm:block",n[s].iconClass),children:jsx(a$1,{icon:m||n[s].icon,size:6})}),jsxs("div",{className:"flex min-w-0 grow flex-col items-start justify-between sm:flex-row sm:items-center",children:[jsxs("div",{className:"text-f6 flex min-w-0 flex-col justify-center break-words leading-5 tracking-4 text-on-base",children:[jsx("span",{className:"alert-title font-semibold",children:p}),l?jsx("span",{className:"alert-subtitle mt-1",children:l}):null]}),o?jsx("div",{className:"alert-actions mt-3 flex shrink-0 flex-row items-center space-x-3 sm:ml-5 sm:mt-0 sm:flex-row-reverse sm:space-x-reverse",children:o}):null]}),f||c?jsx("div",{className:"alert-close ml-5 flex shrink-0",children:jsx("button",{className:"-m-2 p-2 text-inverted-2 hover:text-inverted-1",onClick:u,type:"button","aria-label":"Close",children:jsx(a$1,{icon:"close",size:4,className:"mt-px sm:mt-0"})})}):null]}):null},h=v.memo(N);h.displayName="Alert";
-
-export { h as a };