@ctlyst.id/internal-ui 5.0.0 → 5.0.2

package/dist/index.mjs

@@ -924,10 +924,10 @@ import { css } from "@emotion/react";
 import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 import * as React5 from "react";
 
-// src/hooks/useDragOrClick.ts
+// src/hooks/use-drag-threshold/use-drag-or-click.ts
 import { useRef } from "react";
 
-// src/components/data-table/drag-threshold.ts
+// src/hooks/use-drag-threshold/drag-threshold.ts
 var DragThreshold = class {
   constructor() {
     __publicField(this, "isDrag");
@@ -966,7 +966,7 @@ var DragThreshold = class {
   }
 };
 
-// src/hooks/useDragOrClick.ts
+// src/hooks/use-drag-threshold/use-drag-or-click.ts
 var useDragOrClick = () => {
   const clickOrDragged = useRef(new DragThreshold());
   const getDragOrClickProps = ({
@@ -1153,7 +1153,6 @@ var useDataTable = ({
   const { getSelectedRowModel, toggleAllRowsSelected } = table;
   const { flatRows } = getSelectedRowModel();
   React5.useEffect(() => {
-    console.log("changed");
     const rowData = flatRows.map((row) => row.original);
     if (onSelectedRow) {
       onSelectedRow(rowData);
@@ -1404,6 +1403,16 @@ var DataTable = React5.forwardRef((props, ref) => {
 });
 var data_table_default = DataTable;
 
+// src/components/data-table/hook/use-select-table.ts
+import React6 from "react";
+var useSelectTable = (intialRowSelection) => {
+  const [rowSelection, onRowSelectionChange] = React6.useState(intialRowSelection != null ? intialRowSelection : {});
+  return {
+    rowSelection,
+    onRowSelectionChange
+  };
+};
+
 // src/components/datepicker/components/datepicker.tsx
 import { FormControl as FormControl3, FormErrorMessage as FormErrorMessage3, FormHelperText as FormHelperText3, IconButton as IconButton4 } from "@chakra-ui/react";
 import { cx as cx8 } from "@chakra-ui/shared-utils";
@@ -2787,10 +2796,10 @@ var styles_default = Styles;
 
 // src/components/datepicker/components/time-input.tsx
 import { Flex as Flex3, Input, InputGroup as InputGroup3, InputRightAddon as InputRightAddon3, Text as Text4 } from "@chakra-ui/react";
-import React6 from "react";
+import React7 from "react";
 import { jsx as jsx26, jsxs as jsxs9 } from "react/jsx-runtime";
 var TimeInput = ({ value, onChange, label, rightAddon }) => {
-  const [time, setTime] = React6.useState(value || "00:00");
+  const [time, setTime] = React7.useState(value || "00:00");
   const handleChange = (e) => {
     var _a, _b;
     setTime(((_a = e.target) == null ? void 0 : _a.value) || "00:00");
@@ -2950,10 +2959,10 @@ var datepicker_default = Datepicker;
 // src/components/datepicker/components/datepicker-month/datepicker-month.tsx
 import { Box as Box12, Input as Input2 } from "@chakra-ui/react";
 import { css as css2 } from "@emotion/react";
-import React7 from "react";
+import React8 from "react";
 import { jsx as jsx28 } from "react/jsx-runtime";
 var DatePickerMonth = ({ onChange, min, max, ...props }) => {
-  const [date, setDate] = React7.useState(null);
+  const [date, setDate] = React8.useState(null);
   return /* @__PURE__ */ jsx28(
     Box12,
     {
@@ -3009,7 +3018,7 @@ var datepicker_month_default = DatePickerMonth;
 // src/components/datepicker/components/datepicker-month/multi-datepicker-month.tsx
 import { Box as Box13 } from "@chakra-ui/react";
 import styled from "@emotion/styled";
-import React8 from "react";
+import React9 from "react";
 import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
 var MultiDateWrapper = styled(Box13)`
   display: flex;
@@ -3026,7 +3035,7 @@ var MultiDatePickerMonth = ({
   min = "2020-01-01",
   max = "2020-12-31"
 }) => {
-  const [date, setDate] = React8.useState([null, null]);
+  const [date, setDate] = React9.useState([null, null]);
   return /* @__PURE__ */ jsxs11(MultiDateWrapper, { isError, children: [
     /* @__PURE__ */ jsx29(
       datepicker_month_default,
@@ -4125,7 +4134,7 @@ var pagination_detail_default = PaginationDetail;
 
 // src/components/pagination/components/pagination-filter.tsx
 import { Box as Box24, Select, Text as Text12, useColorModeValue as useColorModeValue6 } from "@chakra-ui/react";
-import * as React9 from "react";
+import * as React10 from "react";
 import { FiChevronDown } from "react-icons/fi";
 import { jsx as jsx49, jsxs as jsxs22 } from "react/jsx-runtime";
 var PaginationFilter = ({
@@ -4135,7 +4144,7 @@ var PaginationFilter = ({
   onChange,
   ...rest
 }) => {
-  const [value, setValue] = React9.useState(limit);
+  const [value, setValue] = React10.useState(limit);
   return /* @__PURE__ */ jsxs22(Box24, { display: "flex", flexDirection: "row", alignItems: "center", children: [
     /* @__PURE__ */ jsx49(Text12, { fontSize: "text.sm", lineHeight: 18, color: useColorModeValue6("neutral.900", "white"), ...rest, children: label }),
     /* @__PURE__ */ jsx49(
@@ -8266,6 +8275,7 @@ export {
   useRadio,
   useRadioGroup,
   useRadioGroupContext,
+  useSelectTable,
   useSteps,
   useTab2 as useTab,
   useTabIndicator,