linear-react-components-ui 1.1.26-beta.17 → 1.1.26-beta.19

package/lib/inputs2/date/datefield/calendarbox.d.ts

@@ -1,6 +1,7 @@
-import { ComponentProps } from 'react';
-interface DateFieldCalendarBoxProps extends ComponentProps<'div'> {
+import React__default from 'react';
+
+interface DateFieldCalendarBoxProps extends React__default.ComponentProps<'div'> {
 }
-declare const CalendarBox: import('react').ForwardRefExoticComponent<Omit<DateFieldCalendarBoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { CalendarBox };
-export type { DateFieldCalendarBoxProps };
+declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { CalendarBox, DateFieldCalendarBoxProps };

package/lib/inputs2/date/datefield/calendarbox.js

@@ -1,74 +1,115 @@
-import { jsx as t, jsxs as A } from "react/jsx-runtime";
-import { c as Z } from "../../../_virtual/compiler-runtime.js";
-import L from "../../../_virtual/lodash.js";
-import $ from "../../../node_modules/moment/dist/moment.js";
-import { forwardRef as ee } from "react";
-import j from "../../../buttons/Button.js";
-import '../../../assets/styles/button.css';/* empty css                                 */
-import te from "../../../textContent/index.js";
-import { useDateFieldContext as ae } from "./context.js";
-import { generateCalendarWeeks as oe, TOKEN_ISO_FORMAT as R } from "../helpers.js";
-import { useCalendarPosition as le } from "../base/constants.js";
-const re = ee((F, _) => {
-  const e = Z.c(63), {
-    inputFieldId: k,
-    calendarDisplayDate: a,
-    calendarBoxOpen: O,
-    dateContainerRef: K,
-    handlePreviousMonth: v,
-    handleNextMonth: Y,
-    selectedDate: i,
-    handleSelectDate: g,
-    activeDescendant: B
-  } = ae(), {
-    calendarBoxStyles: T
-  } = le(O, K);
-  let n, s, o, l, d, c, m, f, h, p, u, b;
-  if (e[0] !== B || e[1] !== O || e[2] !== T || e[3] !== a || e[4] !== Y || e[5] !== v || e[6] !== g || e[7] !== k || e[8] !== _ || e[9] !== i) {
-    const W = oe(a), I = ie;
-    f = _, h = T, p = O, u = "date-calendar-box", b = "test-date-field-calendar-box";
-    let w;
-    e[22] !== v ? (w = /* @__PURE__ */ t(j, { boxShadow: !1, type: "button", iconName: "arrow_left", title: "Mês anterior", className: "previous-month", "aria-label": "Mês anterior", onClick: v, onMouseDown: I }), e[22] = v, e[23] = w) : w = e[23];
-    let D;
-    e[24] !== a ? (D = a.format("MMMM YYYY"), e[24] = a, e[25] = D) : D = e[25];
-    let N;
-    e[26] !== a ? (N = a.format("MMMM YYYY"), e[26] = a, e[27] = N) : N = e[27];
-    let C;
-    e[28] !== D || e[29] !== N ? (C = /* @__PURE__ */ t("div", { "aria-live": "polite", className: "month-year", children: /* @__PURE__ */ t(te, { "aria-label": D, as: "p", "data-testid": "test-date-field-calendar-box-month-description", children: N }) }), e[28] = D, e[29] = N, e[30] = C) : C = e[30];
-    let S;
-    e[31] !== Y ? (S = /* @__PURE__ */ t(j, { boxShadow: !1, type: "button", iconName: "arrow_right", title: "Próximo mês", className: "next-month", "aria-label": "Próximo mês", onClick: Y, onMouseDown: I }), e[31] = Y, e[32] = S) : S = e[32], e[33] !== k || e[34] !== w || e[35] !== C || e[36] !== S ? (o = /* @__PURE__ */ A("div", { id: k, className: "date-calendar-box-header", children: [
-      w,
-      C,
-      S
-    ] }), e[33] = k, e[34] = w, e[35] = C, e[36] = S, e[37] = o) : o = e[37], e[38] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ t("table", { "aria-label": "Dias da Semana", role: "grid", className: "date-calendar-box-days-of-week", children: /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: $.weekdaysShort(!0).map(ne) }) }) }), e[38] = l) : l = e[38], m = "date-calendar-box-grid-of-days", d = "Calendário", c = "grid", n = "weeks";
-    let P;
-    e[39] !== B || e[40] !== a || e[41] !== g || e[42] !== i ? (P = (z, G) => /* @__PURE__ */ t("tr", { role: "row", children: z.map((r, H) => {
-      const J = L.isEqual($().format(R), r.format(R)), Q = L.isEqual(B, r.format(R)), U = i ? r.isSame(i, "day") : !1, V = r.month() === a.month(), X = r.format(R), q = r.format("LL");
-      return /* @__PURE__ */ t("td", { role: "gridcell", children: /* @__PURE__ */ t(j, { id: X, type: "button", className: "day-button", boxShadow: !1, tabIndex: -1, title: q, "aria-label": q, "aria-selected": U, "data-testid": "test-date-field-day-button", "data-state-is-today": J, "data-state-has-focus": Q, "data-state-is-current-month": V, label: r.date().toString(), onMouseDown: I, onClick: () => g(r) }) }, H);
-    }) }, G + 1), e[39] = B, e[40] = a, e[41] = g, e[42] = i, e[43] = P) : P = e[43], s = W.map(P), e[0] = B, e[1] = O, e[2] = T, e[3] = a, e[4] = Y, e[5] = v, e[6] = g, e[7] = k, e[8] = _, e[9] = i, e[10] = n, e[11] = s, e[12] = o, e[13] = l, e[14] = d, e[15] = c, e[16] = m, e[17] = f, e[18] = h, e[19] = p, e[20] = u, e[21] = b;
-  } else
-    n = e[10], s = e[11], o = e[12], l = e[13], d = e[14], c = e[15], m = e[16], f = e[17], h = e[18], p = e[19], u = e[20], b = e[21];
-  let x;
-  e[44] !== n || e[45] !== s ? (x = /* @__PURE__ */ t("tbody", { className: n, children: s }), e[44] = n, e[45] = s, e[46] = x) : x = e[46];
-  let y;
-  e[47] !== x || e[48] !== d || e[49] !== c ? (y = /* @__PURE__ */ t("table", { "aria-label": d, role: c, children: x }), e[47] = x, e[48] = d, e[49] = c, e[50] = y) : y = e[50];
-  let M;
-  e[51] !== y || e[52] !== m ? (M = /* @__PURE__ */ t("div", { className: m, children: y }), e[51] = y, e[52] = m, e[53] = M) : M = e[53];
-  let E;
-  return e[54] !== o || e[55] !== l || e[56] !== M || e[57] !== f || e[58] !== h || e[59] !== p || e[60] !== u || e[61] !== b ? (E = /* @__PURE__ */ A("div", { ref: f, style: h, "aria-expanded": p, className: u, "data-testid": b, children: [
-    o,
-    l,
-    M
-  ] }), e[54] = o, e[55] = l, e[56] = M, e[57] = f, e[58] = h, e[59] = p, e[60] = u, e[61] = b, e[62] = E) : E = e[62], E;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-re.displayName = "DateFieldCalendarBox";
-function ie(F) {
-  F?.preventDefault?.();
-}
-function ne(F, _) {
-  return /* @__PURE__ */ t("th", { role: "columnheader", children: F }, `day-of-week-${_ + 1}`);
-}
-export {
-  re as CalendarBox
-};
-//# sourceMappingURL=calendarbox.js.map
+exports.CalendarBox = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _moment = _interopRequireDefault(require("moment"));
+var _buttons = _interopRequireDefault(require("../../../buttons"));
+var _textContent = _interopRequireDefault(require("../../../textContent"));
+var _context = require("./context");
+var _helpers = require("../helpers");
+var _constants = require("../base/constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CalendarBox = exports.CalendarBox = /*#__PURE__*/_react.default.forwardRef((__, ref) => {
+  const {
+    inputFieldId,
+    calendarDisplayDate,
+    calendarBoxOpen,
+    dateContainerRef,
+    handlePreviousMonth,
+    handleNextMonth,
+    selectedDate,
+    handleSelectDate,
+    activeDescendant
+  } = (0, _context.useDateFieldContext)();
+  const {
+    calendarBoxStyles
+  } = (0, _constants.useCalendarPosition)(calendarBoxOpen, dateContainerRef);
+  const weeks = (0, _helpers.generateCalendarWeeks)(calendarDisplayDate);
+  const handleOnMouseDown = event => {
+    event?.preventDefault?.();
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    style: calendarBoxStyles,
+    "aria-expanded": calendarBoxOpen,
+    className: "date-calendar-box",
+    "data-testid": "test-date-field-calendar-box"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: inputFieldId,
+    className: "date-calendar-box-header"
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    boxShadow: false,
+    type: "button",
+    iconName: "arrow_left",
+    title: "M\xEAs anterior",
+    className: "previous-month",
+    "aria-label": "M\xEAs anterior",
+    onClick: handlePreviousMonth,
+    onMouseDown: handleOnMouseDown
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    "aria-live": "polite",
+    className: "month-year"
+  }, /*#__PURE__*/_react.default.createElement(_textContent.default, {
+    "aria-label": calendarDisplayDate.format('MMMM YYYY'),
+    as: "p",
+    "data-testid": "test-date-field-calendar-box-month-description"
+  }, calendarDisplayDate.format('MMMM YYYY'))), /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    boxShadow: false,
+    type: "button",
+    iconName: "arrow_right",
+    title: "Pr\xF3ximo m\xEAs",
+    className: "next-month",
+    "aria-label": "Pr\xF3ximo m\xEAs",
+    onClick: handleNextMonth,
+    onMouseDown: handleOnMouseDown
+  })), /*#__PURE__*/_react.default.createElement("table", {
+    "aria-label": "Dias da Semana",
+    role: "grid",
+    className: "date-calendar-box-days-of-week"
+  }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, _moment.default.weekdaysShort(true).map((day, idx) => /*#__PURE__*/_react.default.createElement("th", {
+    role: "columnheader",
+    key: `day-of-week-${idx + 1}`
+  }, day))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "date-calendar-box-grid-of-days"
+  }, /*#__PURE__*/_react.default.createElement("table", {
+    "aria-label": "Calend\xE1rio",
+    role: "grid"
+  }, /*#__PURE__*/_react.default.createElement("tbody", {
+    className: "weeks"
+  }, weeks.map((week, weekIndex) => /*#__PURE__*/_react.default.createElement("tr", {
+    role: "row",
+    key: weekIndex + 1
+  }, week.map((date, dateIndex) => {
+    const isToday = _lodash.default.isEqual((0, _moment.default)().format(_helpers.TOKEN_ISO_FORMAT), date.format(_helpers.TOKEN_ISO_FORMAT));
+    const hasFocus = _lodash.default.isEqual(activeDescendant, date.format(_helpers.TOKEN_ISO_FORMAT));
+    const isSelected = selectedDate ? date.isSame(selectedDate, 'day') : false;
+    const isCurrentMonth = date.month() === calendarDisplayDate.month();
+    const idActiveDescendant = date.format(_helpers.TOKEN_ISO_FORMAT);
+    const descriptionDate = date.format('LL');
+    return /*#__PURE__*/_react.default.createElement("td", {
+      role: "gridcell",
+      key: dateIndex
+    }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+      id: idActiveDescendant,
+      type: "button",
+      className: "day-button",
+      boxShadow: false,
+      tabIndex: -1,
+      title: descriptionDate,
+      "aria-label": descriptionDate,
+      "aria-selected": isSelected,
+      "data-testid": "test-date-field-day-button",
+      "data-state-is-today": isToday,
+      "data-state-has-focus": hasFocus,
+      "data-state-is-current-month": isCurrentMonth,
+      label: date.date().toString(),
+      onMouseDown: handleOnMouseDown,
+      onClick: () => handleSelectDate(date)
+    }));
+  })))))));
+});
+CalendarBox.displayName = 'DateFieldCalendarBox';

package/lib/inputs2/date/datefield/context.d.ts

@@ -1,4 +1,14 @@
-import { DateFieldContextProps } from './types';
-declare const DateFieldContext: import('react').Context<DateFieldContextProps>;
+import React__default from 'react';
+import { DateFieldContextProps } from './types.js';
+import 'moment';
+import '../../../@types/Align.js';
+import '../../../@types/ColorStyles.js';
+import '../../../tooltip/types.js';
+import '../../../@types/Position.js';
+import '../../../@types/PermissionAttr.js';
+import '../types.js';
+
+declare const DateFieldContext: React__default.Context<DateFieldContextProps>;
 declare const useDateFieldContext: () => DateFieldContextProps;
+
 export { DateFieldContext, useDateFieldContext };

package/lib/inputs2/date/datefield/context.js

@@ -1,12 +1,15 @@
-import { createContext as e, useContext as o } from "react";
-const n = e({}), i = () => {
-  const t = o(n);
-  if (t === void 0)
-    throw new Error("useDateFieldContext must be used within a DateFieldProvider");
-  return t;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDateFieldContext = exports.DateFieldContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DateFieldContext = exports.DateFieldContext = /*#__PURE__*/_react.default.createContext({});
+const useDateFieldContext = () => {
+  const context = _react.default.useContext(DateFieldContext);
+  if (context === undefined) throw new Error('useDateFieldContext must be used within a DateFieldProvider');
+  return context;
 };
-export {
-  n as DateFieldContext,
-  i as useDateFieldContext
-};
-//# sourceMappingURL=context.js.map
+exports.useDateFieldContext = useDateFieldContext;

package/lib/inputs2/date/datefield/index.d.ts

@@ -1,4 +1,10 @@
-import { DateFieldInputProps } from './types';
-declare const Input: import('react').ForwardRefExoticComponent<DateFieldInputProps & import('react').RefAttributes<HTMLInputElement>>;
-export { Input };
-export type { DateFieldInputProps };
+import 'react';
+export { DateFieldInputProps } from './types.js';
+export { I as Input } from '../../../index-368f781f.js';
+import 'moment';
+import '../../../@types/Align.js';
+import '../../../@types/ColorStyles.js';
+import '../../../tooltip/types.js';
+import '../../../@types/Position.js';
+import '../../../@types/PermissionAttr.js';
+import '../types.js';