@tecsinapse/cortex-react 1.5.10 → 1.6.0-beta.0

package/dist/cjs/components/Checkbox.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var cortexCore = require('@tecsinapse/cortex-core');
+var React = require('react');
+
+const Checkbox = React.forwardRef((props, ref) => {
+  const localRef = React.useRef(null);
+  const { className, indeterminate, ...rest } = props;
+  const setIndeterminate = React.useCallback((value) => {
+    if (localRef?.current) {
+      localRef.current.indeterminate = value;
+      localRef.current.checked = false;
+    }
+  }, []);
+  React.useEffect(() => {
+    setIndeterminate(Boolean(indeterminate));
+  }, [indeterminate]);
+  React.useImperativeHandle(ref, () => {
+    return {
+      ...localRef.current,
+      setIndeterminate
+    };
+  });
+  return /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type: "checkbox",
+      className: cortexCore.checkbox({ className }),
+      ref: localRef,
+      ...rest
+    }
+  );
+});
+
+exports.Checkbox = Checkbox;

package/dist/cjs/index.js

@@ -10,6 +10,7 @@ var Calendar = require('./components/Calendar/Calendar.js');
 var RangeCalendar = require('./components/Calendar/RangeCalendar.js');
 var Card = require('./components/Card.js');
 var Carousel = require('./components/Carousel/Carousel.js');
+var Checkbox = require('./components/Checkbox.js');
 var DateField = require('./components/DatePicker/DateField.js');
 var DatePickerInput = require('./components/DatePicker/DatePickerInput.js');
 var DatePickerInputBase = require('./components/DatePicker/DatePickerInputBase.js');
@@ -72,6 +73,7 @@ exports.Calendar = Calendar.Calendar;
 exports.RangeCalendar = RangeCalendar.RangeCalendar;
 exports.Card = Card.Card;
 exports.Carousel = Carousel.Carousel;
+exports.Checkbox = Checkbox.Checkbox;
 exports.DateField = DateField.DateField;
 exports.DatePickerInput = DatePickerInput.DatePickerInput;
 exports.DatePickerInputBase = DatePickerInputBase.DatePickerInputBase;

package/dist/esm/components/Checkbox.js

@@ -0,0 +1,33 @@
+import { checkbox } from '@tecsinapse/cortex-core';
+import React__default, { forwardRef, useRef, useCallback, useEffect, useImperativeHandle } from 'react';
+
+const Checkbox = forwardRef((props, ref) => {
+  const localRef = useRef(null);
+  const { className, indeterminate, ...rest } = props;
+  const setIndeterminate = useCallback((value) => {
+    if (localRef?.current) {
+      localRef.current.indeterminate = value;
+      localRef.current.checked = false;
+    }
+  }, []);
+  useEffect(() => {
+    setIndeterminate(Boolean(indeterminate));
+  }, [indeterminate]);
+  useImperativeHandle(ref, () => {
+    return {
+      ...localRef.current,
+      setIndeterminate
+    };
+  });
+  return /* @__PURE__ */ React__default.createElement(
+    "input",
+    {
+      type: "checkbox",
+      className: checkbox({ className }),
+      ref: localRef,
+      ...rest
+    }
+  );
+});
+
+export { Checkbox };

package/dist/esm/index.js

@@ -8,6 +8,7 @@ export { Calendar } from './components/Calendar/Calendar.js';
 export { RangeCalendar } from './components/Calendar/RangeCalendar.js';
 export { Card } from './components/Card.js';
 export { Carousel } from './components/Carousel/Carousel.js';
+export { Checkbox } from './components/Checkbox.js';
 export { DateField } from './components/DatePicker/DateField.js';
 export { DatePickerInput } from './components/DatePicker/DatePickerInput.js';
 export { DatePickerInputBase } from './components/DatePicker/DatePickerInputBase.js';

package/dist/types/components/Checkbox.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
+    indeterminate?: boolean;
+}
+export interface CheckboxRef extends HTMLAttributes<HTMLInputElement> {
+    setIndeterminate: (value: boolean) => void;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.HTMLAttributes<HTMLInputElement> & React.RefAttributes<CheckboxRef>>;

package/dist/types/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './Button';
 export * from './Calendar';
 export * from './Card';
 export * from './Carousel';
+export * from './Checkbox';
 export * from './DatePicker';
 export * from './Divider';
 export * from './Drawer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.5.10",
+  "version": "1.6.0-beta.0",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -46,5 +46,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "d19ecc9756e227a3d87e0fc69109b6f9bd2bb28f"
+  "gitHead": "8711f203ce482ae24424f7c0d370455772df6c81"
 }