@loja-integrada/admin-components 1.1.3 → 1.2.0

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,20 +1,21 @@
 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';
@@ -23,7 +24,6 @@ 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/index.js

@@ -1,10 +1,10 @@
 import '../chunk-7RP4L6ZM.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.3",
+  "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"