@tecsinapse/cortex-react 1.3.0-beta.9 → 1.3.1

package/dist/cjs/components/TextArea.js

@@ -1,83 +0,0 @@
-'use strict';
-
-var React = require('react');
-var cortexCore = require('@tecsinapse/cortex-core');
-var clsx = require('clsx');
-
-const getValidChildren = (children) => {
-  return React.Children.toArray(children).filter(
-    (el) => React.isValidElement(el)
-  );
-};
-const Box = React.forwardRef(
-  ({ id, name, variants, label, placeholder, rows, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React.createElement(
-      "textarea",
-      {
-        "data-testid": "textarea-box",
-        ref,
-        id: id ?? name,
-        name,
-        placeholder: placeholder ?? " ",
-        className: clsx.clsx(
-          cortexCore.inputBox(placeholder, label, className),
-          "resize-none mt-mili"
-        ),
-        rows,
-        ...rest
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: id ?? name,
-        className: cortexCore.labelStyle({
-          intent: variants?.intent,
-          placeholder
-        })
-      },
-      label
-    ));
-  }
-);
-const Face = React.forwardRef(
-  ({ children, variants, className, ...rest }, ref) => {
-    const clones = getValidChildren(children).map((el) => {
-      return React.cloneElement(el, { ...el.props, variants });
-    });
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        className: clsx.clsx(cortexCore.input(variants), className),
-        "data-testid": "textarea-face",
-        id: "textarea-face",
-        ...rest
-      },
-      clones
-    );
-  }
-);
-const Root = React.forwardRef(
-  ({ variants, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement(Face, { variants, className }, /* @__PURE__ */ React.createElement(Box, { ref, ...rest }));
-  }
-);
-const Left = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx.clsx(className, "mr-2.5"), ...rest, ref }, children);
-  }
-);
-const Right = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx.clsx(className, "ml-2.5"), ...rest, ref }, children);
-  }
-);
-const TextArea = {
-  Root,
-  Face,
-  Box,
-  Left,
-  Right
-};
-
-exports.TextArea = TextArea;

package/dist/esm/components/BaseSnackbar.js

@@ -1,11 +0,0 @@
-import React, { forwardRef } from 'react';
-import { snackbar } from '@tecsinapse/cortex-core';
-
-const BaseSnackbar = forwardRef(
-  (props, ref) => {
-    const { children, show, variants } = props;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, show ? /* @__PURE__ */ React.createElement("div", { className: snackbar(variants), ref, "data-testid": "snackbar" }, children) : /* @__PURE__ */ React.createElement(React.Fragment, null));
-  }
-);
-
-export { BaseSnackbar };

package/dist/esm/components/CalendarGrid.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import '@internationalized/date';
-import 'react-aria';
-import 'react-stately';
-import { useCalendarGrid } from '../hooks/useCalendarGrid.js';
-import '@floating-ui/react';
-import { CalendarGridBodyRows } from './CalendarGridBodyRows.js';
-import { CalendarGridHeaderRow } from './CalendarGridHeaderRow.js';
-
-const CalendarGrid = ({ state }) => {
-  const { gridProps, headerProps, weekDays } = useCalendarGrid({ state });
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: "bg-white rounded-micro px-deca py-mili",
-      "data-testid": "calendar-grid"
-    },
-    /* @__PURE__ */ React.createElement("table", { ...gridProps, className: "border-separate border-spacing-y-nano" }, /* @__PURE__ */ React.createElement("thead", { ...headerProps }, /* @__PURE__ */ React.createElement(CalendarGridHeaderRow, { weekDays })), /* @__PURE__ */ React.createElement("tbody", null, /* @__PURE__ */ React.createElement(CalendarGridBodyRows, { state })))
-  );
-};
-
-export { CalendarGrid };

package/dist/esm/components/CalendarGridBodyRows.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { CalendarCell } from './CalendarCell.js';
-
-const CalendarGridBodyRows = ({ state }) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, [...new Array(6).keys()].map((weekIndex) => /* @__PURE__ */ React.createElement("tr", { key: weekIndex, className: "shadow-0 px-deca" }, state.getDatesInWeek(weekIndex).map((date, i) => {
-    return date ? /* @__PURE__ */ React.createElement(CalendarCell, { key: i, state, date }) : /* @__PURE__ */ React.createElement("td", { key: i });
-  }))));
-};
-
-export { CalendarGridBodyRows };

package/dist/esm/components/CalendarGridHeaderRow.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { THeadCell } from './Table.js';
-
-const CalendarGridHeaderRow = ({
-  weekDays
-}) => {
-  return /* @__PURE__ */ React.createElement("tr", { "data-testid": "calendar-grid-header-row" }, weekDays.map((day, index) => /* @__PURE__ */ React.createElement(THeadCell, { key: index }, day)));
-};
-
-export { CalendarGridHeaderRow };

package/dist/esm/components/DatePickerInput.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import '@internationalized/date';
-import 'react-aria';
-import 'react-stately';
-import { dateToCalendarDate } from './utils.js';
-import { useDatePickerInput } from '../hooks/useDatePickerInput.js';
-import '@floating-ui/react';
-import { Calendar } from './Calendar.js';
-import { DateField } from './DateField.js';
-import { DatePickerInputBase } from './DatePickerInputBase.js';
-
-const DatePickerInput = (props) => {
-  const { onChange, value, label, variants } = props;
-  const { fieldProps, state, ref } = useDatePickerInput({ value, onChange });
-  return /* @__PURE__ */ React.createElement("div", { "data-testid": "date-picker-input" }, /* @__PURE__ */ React.createElement(
-    DatePickerInputBase,
-    {
-      onClickCalendar: () => state.isOpen ? state.close() : state.open(),
-      variants: {
-        ...variants,
-        intent: state.isInvalid ? "error" : variants?.intent
-      },
-      label
-    },
-    /* @__PURE__ */ React.createElement("div", { ref }, /* @__PURE__ */ React.createElement(
-      DateField,
-      {
-        ...fieldProps,
-        onChange: (value2) => {
-          state.setDateValue(value2);
-          state.close();
-        }
-      }
-    ))
-  ), state.isOpen ? /* @__PURE__ */ React.createElement("div", { className: "absolute" }, /* @__PURE__ */ React.createElement(
-    Calendar,
-    {
-      value,
-      onChange: (value2) => {
-        state.setDateValue(dateToCalendarDate(value2));
-        state.close();
-      }
-    }
-  )) : /* @__PURE__ */ React.createElement(React.Fragment, null));
-};
-
-export { DatePickerInput };

package/dist/esm/components/DatePickerInputBase.js

@@ -1,22 +0,0 @@
-import { labelStyle, inputBox } from '@tecsinapse/cortex-core';
-import React from 'react';
-import { LiaCalendar } from 'react-icons/lia';
-import { Input } from './Input/index.js';
-
-const DatePickerInputBase = ({
-  children,
-  variants,
-  label,
-  onClickCalendar
-}) => {
-  return /* @__PURE__ */ React.createElement(Input.Face, { variants, "data-testid": "date-picker-input-base" }, /* @__PURE__ */ React.createElement("span", { className: labelStyle({}) }, label), /* @__PURE__ */ React.createElement("div", { className: inputBox("", label) }, children), /* @__PURE__ */ React.createElement(Input.Right, { className: "" }, /* @__PURE__ */ React.createElement(
-    LiaCalendar,
-    {
-      className: "cursor-pointer mt-centi",
-      onClick: onClickCalendar,
-      "data-testid": "date-picker-input-base-calendar"
-    }
-  )));
-};
-
-export { DatePickerInputBase };

package/dist/esm/components/DateRangePickerInput.js

@@ -1,61 +0,0 @@
-import React from 'react';
-import '@internationalized/date';
-import 'react-aria';
-import 'react-stately';
-import { dateToCalendarDate } from './utils.js';
-import { useDateRangePickerInput } from '../hooks/useDateRangePickerInput.js';
-import '@floating-ui/react';
-import { DateField } from './DateField.js';
-import { DatePickerInputBase } from './DatePickerInputBase.js';
-import { RangeCalendar } from './RangeCalendar.js';
-
-const DateRangePickerInput = (props) => {
-  const { onChange, value, label, variants } = props;
-  const { endFieldProps, startFieldProps, ref, state } = useDateRangePickerInput({ value, onChange });
-  return /* @__PURE__ */ React.createElement("div", { "data-testid": "date-range-picker-input" }, /* @__PURE__ */ React.createElement(
-    DatePickerInputBase,
-    {
-      onClickCalendar: () => state.isOpen ? state.close() : state.open(),
-      variants: {
-        ...variants,
-        intent: state.isInvalid ? "error" : variants?.intent
-      },
-      label
-    },
-    /* @__PURE__ */ React.createElement("div", { ref, className: "flex flex-row gap-x-micro items-center" }, /* @__PURE__ */ React.createElement(
-      DateField,
-      {
-        ...startFieldProps,
-        value: dateToCalendarDate(value?.start),
-        onChange: (value2) => {
-          state.setDate("start", value2);
-          state.close();
-        }
-      }
-    ), /* @__PURE__ */ React.createElement("span", null, "-"), /* @__PURE__ */ React.createElement(
-      DateField,
-      {
-        ...endFieldProps,
-        value: dateToCalendarDate(value?.end),
-        onChange: (value2) => {
-          state.setDate("end", value2);
-          state.close();
-        }
-      }
-    ))
-  ), state.isOpen ? /* @__PURE__ */ React.createElement("div", { className: "absolute" }, /* @__PURE__ */ React.createElement(
-    RangeCalendar,
-    {
-      value,
-      onChange: (value2) => {
-        state.setDateRange({
-          start: dateToCalendarDate(value2.start),
-          end: dateToCalendarDate(value2.end)
-        });
-        state.close();
-      }
-    }
-  )) : /* @__PURE__ */ React.createElement(React.Fragment, null));
-};
-
-export { DateRangePickerInput };

package/dist/esm/components/TextArea.js

@@ -1,81 +0,0 @@
-import React from 'react';
-import { inputBox, labelStyle, input } from '@tecsinapse/cortex-core';
-import { clsx } from 'clsx';
-
-const getValidChildren = (children) => {
-  return React.Children.toArray(children).filter(
-    (el) => React.isValidElement(el)
-  );
-};
-const Box = React.forwardRef(
-  ({ id, name, variants, label, placeholder, rows, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React.createElement(
-      "textarea",
-      {
-        "data-testid": "textarea-box",
-        ref,
-        id: id ?? name,
-        name,
-        placeholder: placeholder ?? " ",
-        className: clsx(
-          inputBox(placeholder, label, className),
-          "resize-none mt-mili"
-        ),
-        rows,
-        ...rest
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: id ?? name,
-        className: labelStyle({
-          intent: variants?.intent,
-          placeholder
-        })
-      },
-      label
-    ));
-  }
-);
-const Face = React.forwardRef(
-  ({ children, variants, className, ...rest }, ref) => {
-    const clones = getValidChildren(children).map((el) => {
-      return React.cloneElement(el, { ...el.props, variants });
-    });
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        className: clsx(input(variants), className),
-        "data-testid": "textarea-face",
-        id: "textarea-face",
-        ...rest
-      },
-      clones
-    );
-  }
-);
-const Root = React.forwardRef(
-  ({ variants, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement(Face, { variants, className }, /* @__PURE__ */ React.createElement(Box, { ref, ...rest }));
-  }
-);
-const Left = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "mr-2.5"), ...rest, ref }, children);
-  }
-);
-const Right = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "ml-2.5"), ...rest, ref }, children);
-  }
-);
-const TextArea = {
-  Root,
-  Face,
-  Box,
-  Left,
-  Right
-};
-
-export { TextArea };

package/dist/esm/components/TimeField.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { DateSegment } from './DateSegment.js';
-import { useTimeField } from '../hooks/useTimeField.js';
-
-const TimeField = (props) => {
-  const { fieldProps, ref, state } = useTimeField(props);
-  return /* @__PURE__ */ React.createElement("div", { ...fieldProps, ref, className: "flex flex-row" }, state.segments.map((segment, i) => /* @__PURE__ */ React.createElement(DateSegment, { key: i, segment, state })));
-};
-
-export { TimeField as default };

package/dist/esm/components/TimeFieldInput.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { Input } from './Input/index.js';
-import { labelStyle, inputBox } from '@tecsinapse/cortex-core';
-import TimeField from './TimeField.js';
-
-const TimeFieldInput = (props) => {
-  const { onChange, value, label, variants } = props;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Input.Face,
-    {
-      variants,
-      className: "flex flex-row",
-      "data-testid": "time-field-input"
-    },
-    /* @__PURE__ */ React.createElement("span", { className: labelStyle({}) }, label),
-    /* @__PURE__ */ React.createElement("div", { className: inputBox("", label) }, /* @__PURE__ */ React.createElement(TimeField, { onChange, value }))
-  ));
-};
-
-export { TimeFieldInput };

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import { InputBaseVariants } from '@tecsinapse/cortex-core';
-interface TextAreaPropsBase {
-    variants?: InputBaseVariants;
-    label?: string;
-    rows?: number;
-}
-interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, TextAreaPropsBase {
-}
-type DivBaseProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const TextArea: {
-    Root: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-    Face: React.ForwardRefExoticComponent<DivBaseProps & Pick<TextAreaPropsBase, "variants"> & React.RefAttributes<HTMLDivElement>>;
-    Box: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-    Left: React.ForwardRefExoticComponent<DivBaseProps & {
-        children: React.ReactNode;
-        className?: string | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Right: React.ForwardRefExoticComponent<DivBaseProps & {
-        children: React.ReactNode;
-        className?: string | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-};
-export {};

package/dist/cjs/components/{BaseSnackbar.js → Snackbar/BaseSnackbar.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var React = require('react');
 var cortexCore = require('@tecsinapse/cortex-core');
+var React = require('react');
 
 const BaseSnackbar = React.forwardRef(
   (props, ref) => {

package/dist/cjs/components/{DefaultSnack.js → Snackbar/DefaultSnack.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var BaseSnackbar = require('./BaseSnackbar.js');
 var io = require('react-icons/io');
+var BaseSnackbar = require('./BaseSnackbar.js');
 
 const DefaultSnack = ({
   text,

package/dist/types/components/{BaseSnackbar.d.ts → Snackbar/BaseSnackbar.d.ts}

@@ -1,5 +1,5 @@
-import React, { ReactNode } from 'react';
 import { SnackbarVariants } from '@tecsinapse/cortex-core';
+import React, { ReactNode } from 'react';
 interface SnackbarProps {
     variants?: SnackbarVariants;
     children?: ReactNode;