linear-react-components-ui 2.1.0-beta.2 → 2.1.0-beta.4

package/lib/inputs2/date/timeselector.js

@@ -12,7 +12,10 @@ const TimeSelector = (props) => {
   const $ = compilerRuntimeExports.c(44);
   const {
     value,
-    onSelectTime,
+    selectedHour,
+    selectedMinute,
+    onSelectHour,
+    onSelectMinute,
     min,
     max,
     testIdPrefix
@@ -21,47 +24,37 @@ const TimeSelector = (props) => {
   const minuteColumnRef = useRef(null);
   const centerUnitInColumn = _temp;
   let t0;
-  let t1;
-  if ($[0] !== value) {
+  if ($[0] !== selectedHour || $[1] !== selectedMinute || $[2] !== value) {
     t0 = () => {
       if (!value) {
         return;
       }
-      centerUnitInColumn(hourColumnRef.current, value.hour());
-      centerUnitInColumn(minuteColumnRef.current, value.minute());
+      centerUnitInColumn(hourColumnRef.current, selectedHour);
+      centerUnitInColumn(minuteColumnRef.current, selectedMinute);
     };
-    t1 = value?.hour();
-    $[0] = value;
-    $[1] = t0;
-    $[2] = t1;
+    $[0] = selectedHour;
+    $[1] = selectedMinute;
+    $[2] = value;
+    $[3] = t0;
   } else {
-    t0 = $[1];
-    t1 = $[2];
+    t0 = $[3];
   }
+  const t1 = Boolean(value);
   let t2;
-  if ($[3] !== value) {
-    t2 = value?.minute();
-    $[3] = value;
-    $[4] = t2;
+  if ($[4] !== selectedHour || $[5] !== selectedMinute || $[6] !== t1) {
+    t2 = [selectedHour, selectedMinute, t1];
+    $[4] = selectedHour;
+    $[5] = selectedMinute;
+    $[6] = t1;
+    $[7] = t2;
   } else {
-    t2 = $[4];
+    t2 = $[7];
   }
-  const t3 = Boolean(value);
-  let t4;
-  if ($[5] !== t1 || $[6] !== t2 || $[7] !== t3) {
-    t4 = [t1, t2, t3];
-    $[5] = t1;
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  useLayoutEffect(t0, t4);
+  useLayoutEffect(t0, t2);
   const handleOnMouseDown = _temp2;
-  let t5;
-  if ($[9] !== max || $[10] !== min || $[11] !== value) {
-    t5 = (hour) => {
+  let t3;
+  if ($[8] !== max || $[9] !== min || $[10] !== value) {
+    t3 = (hour) => {
       if (!value) {
         return false;
       }
@@ -70,38 +63,39 @@ const TimeSelector = (props) => {
       }
       return Boolean(max && value.isSame(max, "day") && hour > max.hour());
     };
-    $[9] = max;
-    $[10] = min;
-    $[11] = value;
-    $[12] = t5;
+    $[8] = max;
+    $[9] = min;
+    $[10] = value;
+    $[11] = t3;
   } else {
-    t5 = $[12];
+    t3 = $[11];
   }
-  const isHourOutOfBounds = t5;
-  let t6;
-  if ($[13] !== max || $[14] !== min || $[15] !== value) {
-    t6 = (minute) => {
-      if (!value) {
+  const isHourOutOfBounds = t3;
+  let t4;
+  if ($[12] !== max || $[13] !== min || $[14] !== selectedHour || $[15] !== value) {
+    t4 = (minute) => {
+      if (!value || _.isNull(selectedHour)) {
         return false;
       }
-      const isOnMinHour = Boolean(min && value.isSame(min, "day") && value.hour() === min.hour());
-      const isOnMaxHour = Boolean(max && value.isSame(max, "day") && value.hour() === max.hour());
+      const isOnMinHour = Boolean(min && value.isSame(min, "day") && selectedHour === min.hour());
+      const isOnMaxHour = Boolean(max && value.isSame(max, "day") && selectedHour === max.hour());
       if (isOnMinHour && min && minute < min.minute()) {
         return true;
       }
       return Boolean(isOnMaxHour && max && minute > max.minute());
     };
-    $[13] = max;
-    $[14] = min;
+    $[12] = max;
+    $[13] = min;
+    $[14] = selectedHour;
     $[15] = value;
-    $[16] = t6;
+    $[16] = t4;
   } else {
-    t6 = $[16];
+    t4 = $[16];
   }
-  const isMinuteOutOfBounds = t6;
-  let t7;
+  const isMinuteOutOfBounds = t4;
+  let t5;
   if ($[17] !== value) {
-    t7 = (unit_0) => {
+    t5 = (unit_0) => {
       const {
         value: unitValue,
         isSelected,
@@ -112,109 +106,113 @@ const TimeSelector = (props) => {
       return /* @__PURE__ */ jsx(Button, { role: "option", type: "button", className: "time-unit-button", boxShadow: false, tabIndex: -1, title: padUnit(unitValue), label: padUnit(unitValue), disabled: !value || isOutOfBounds, "aria-disabled": !value || isOutOfBounds, "aria-selected": isSelected, "data-testid": testId, "data-state-out-of-bounds": isOutOfBounds, onMouseDown: handleOnMouseDown, onClick }, unitValue);
     };
     $[17] = value;
-    $[18] = t7;
+    $[18] = t5;
   } else {
-    t7 = $[18];
+    t5 = $[18];
   }
-  const renderUnit = t7;
-  const t8 = !value;
-  const t9 = `${testIdPrefix}-time-selector`;
-  let t10;
+  const renderUnit = t5;
+  const t6 = !value;
+  const t7 = `${testIdPrefix}-time-selector`;
+  let t8;
   if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-    t10 = /* @__PURE__ */ jsx(TextContent, { as: "p", className: "time-column-label", children: "HORA" });
-    $[19] = t10;
+    t8 = /* @__PURE__ */ jsx(TextContent, { as: "p", className: "time-column-label", children: "HORA" });
+    $[19] = t8;
   } else {
-    t10 = $[19];
+    t8 = $[19];
   }
-  const t11 = `${testIdPrefix}-time-hour-column`;
-  let t12;
-  if ($[20] !== isHourOutOfBounds || $[21] !== onSelectTime || $[22] !== renderUnit || $[23] !== testIdPrefix || $[24] !== value) {
-    t12 = HOURS.map((hour_0) => renderUnit({
+  const t9 = `${testIdPrefix}-time-hour-column`;
+  let t10;
+  if ($[20] !== isHourOutOfBounds || $[21] !== onSelectHour || $[22] !== renderUnit || $[23] !== selectedHour || $[24] !== testIdPrefix) {
+    t10 = HOURS.map((hour_0) => renderUnit({
       value: hour_0,
-      isSelected: value?.hour() === hour_0,
+      isSelected: selectedHour === hour_0,
       isOutOfBounds: isHourOutOfBounds(hour_0),
       testId: `${testIdPrefix}-time-hour-button`,
-      onClick: () => onSelectTime(hour_0, value?.minute() ?? 0)
+      onClick: () => onSelectHour(hour_0)
     }));
     $[20] = isHourOutOfBounds;
-    $[21] = onSelectTime;
+    $[21] = onSelectHour;
     $[22] = renderUnit;
-    $[23] = testIdPrefix;
-    $[24] = value;
-    $[25] = t12;
+    $[23] = selectedHour;
+    $[24] = testIdPrefix;
+    $[25] = t10;
   } else {
-    t12 = $[25];
+    t10 = $[25];
   }
-  let t13;
-  if ($[26] !== t11 || $[27] !== t12) {
-    t13 = /* @__PURE__ */ jsxs("div", { className: "time-column", children: [
-      t10,
-      /* @__PURE__ */ jsx("div", { ref: hourColumnRef, role: "listbox", "aria-label": "Selecionar hora", className: "time-column-options", "data-testid": t11, children: t12 })
+  let t11;
+  if ($[26] !== t10 || $[27] !== t9) {
+    t11 = /* @__PURE__ */ jsxs("div", { className: "time-column", children: [
+      t8,
+      /* @__PURE__ */ jsx("div", { ref: hourColumnRef, role: "listbox", "aria-label": "Selecionar hora", className: "time-column-options", "data-testid": t9, children: t10 })
     ] });
-    $[26] = t11;
-    $[27] = t12;
-    $[28] = t13;
+    $[26] = t10;
+    $[27] = t9;
+    $[28] = t11;
   } else {
-    t13 = $[28];
+    t11 = $[28];
   }
-  let t14;
+  let t12;
   if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-    t14 = /* @__PURE__ */ jsx(TextContent, { as: "p", className: "time-column-label", children: "MINUTO" });
-    $[29] = t14;
+    t12 = /* @__PURE__ */ jsx(TextContent, { as: "p", className: "time-column-label", children: "MINUTO" });
+    $[29] = t12;
   } else {
-    t14 = $[29];
+    t12 = $[29];
   }
-  const t15 = `${testIdPrefix}-time-minute-column`;
-  let t16;
-  if ($[30] !== isMinuteOutOfBounds || $[31] !== onSelectTime || $[32] !== renderUnit || $[33] !== testIdPrefix || $[34] !== value) {
-    t16 = MINUTES.map((minute_0) => renderUnit({
+  const t13 = `${testIdPrefix}-time-minute-column`;
+  let t14;
+  if ($[30] !== isMinuteOutOfBounds || $[31] !== onSelectMinute || $[32] !== renderUnit || $[33] !== selectedMinute || $[34] !== testIdPrefix) {
+    t14 = MINUTES.map((minute_0) => renderUnit({
       value: minute_0,
-      isSelected: value?.minute() === minute_0,
+      isSelected: selectedMinute === minute_0,
       isOutOfBounds: isMinuteOutOfBounds(minute_0),
       testId: `${testIdPrefix}-time-minute-button`,
-      onClick: () => onSelectTime(value?.hour() ?? 0, minute_0)
+      onClick: () => onSelectMinute(minute_0)
     }));
     $[30] = isMinuteOutOfBounds;
-    $[31] = onSelectTime;
+    $[31] = onSelectMinute;
     $[32] = renderUnit;
-    $[33] = testIdPrefix;
-    $[34] = value;
-    $[35] = t16;
+    $[33] = selectedMinute;
+    $[34] = testIdPrefix;
+    $[35] = t14;
   } else {
-    t16 = $[35];
+    t14 = $[35];
   }
-  let t17;
-  if ($[36] !== t15 || $[37] !== t16) {
-    t17 = /* @__PURE__ */ jsxs("div", { className: "time-column", children: [
-      t14,
-      /* @__PURE__ */ jsx("div", { ref: minuteColumnRef, role: "listbox", "aria-label": "Selecionar minuto", className: "time-column-options", "data-testid": t15, children: t16 })
+  let t15;
+  if ($[36] !== t13 || $[37] !== t14) {
+    t15 = /* @__PURE__ */ jsxs("div", { className: "time-column", children: [
+      t12,
+      /* @__PURE__ */ jsx("div", { ref: minuteColumnRef, role: "listbox", "aria-label": "Selecionar minuto", className: "time-column-options", "data-testid": t13, children: t14 })
     ] });
-    $[36] = t15;
-    $[37] = t16;
-    $[38] = t17;
+    $[36] = t13;
+    $[37] = t14;
+    $[38] = t15;
   } else {
-    t17 = $[38];
+    t15 = $[38];
   }
-  let t18;
-  if ($[39] !== t13 || $[40] !== t17 || $[41] !== t8 || $[42] !== t9) {
-    t18 = /* @__PURE__ */ jsxs("div", { className: "date-calendar-box-time-selector", "data-state-disabled": t8, "data-testid": t9, children: [
-      t13,
-      t17
+  let t16;
+  if ($[39] !== t11 || $[40] !== t15 || $[41] !== t6 || $[42] !== t7) {
+    t16 = /* @__PURE__ */ jsxs("div", { className: "date-calendar-box-time-selector", "data-state-disabled": t6, "data-testid": t7, children: [
+      t11,
+      t15
     ] });
-    $[39] = t13;
-    $[40] = t17;
-    $[41] = t8;
-    $[42] = t9;
-    $[43] = t18;
+    $[39] = t11;
+    $[40] = t15;
+    $[41] = t6;
+    $[42] = t7;
+    $[43] = t16;
   } else {
-    t18 = $[43];
+    t16 = $[43];
   }
-  return t18;
+  return t16;
 };
 TimeSelector.displayName = "DateTimeSelector";
 function _temp(column, index) {
-  const unit = column?.children?.[index];
-  if (!column || !unit) {
+  if (!column) {
+    return;
+  }
+  const unit = _.isNull(index) ? void 0 : column.children?.[index];
+  if (!unit) {
+    column.scrollTop = 0;
     return;
   }
   column.scrollTop = unit.offsetTop - (column.clientHeight - unit.offsetHeight) / 2;

package/lib/inputs2/date/timeselector.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeselector.js","sources":["../../../src/lib/inputs2/date/timeselector.tsx"],"sourcesContent":["import _ from 'lodash';\nimport type { Moment } from 'moment';\nimport { MouseEvent, useLayoutEffect, useRef } from 'react';\nimport Button from '../../buttons';\nimport TextContent from '../../textContent';\n\ninterface TimeUnit {\n  value: number;\n  isSelected: boolean;\n  isOutOfBounds: boolean;\n  testId: string;\n  onClick: () => void;\n}\n\ninterface TimeSelectorProps {\n  /** null desabilita o seletor inteiro */\n  value: Moment | null;\n  onSelectTime: (hour: number, minute: number) => void;\n  min?: Moment;\n  max?: Moment;\n  testIdPrefix: string;\n}\n\nconst HOURS = _.range(0, 24);\nconst MINUTES = _.range(0, 60);\n\nconst padUnit = (unit: number) => _.padStart(String(unit), 2, '0');\n\nconst TimeSelector = (props: TimeSelectorProps) => {\n  const { value, onSelectTime, min, max, testIdPrefix } = props;\n  const hourColumnRef = useRef<HTMLDivElement | null>(null);\n  const minuteColumnRef = useRef<HTMLDivElement | null>(null);\n\n  // `scrollIntoView` arrastaria os ancestrais junto, e o box mora no `body`.\n  const centerUnitInColumn = (column: HTMLDivElement | null, index: number) => {\n    const unit = column?.children?.[index] as HTMLElement | undefined;\n    if (!column || !unit) return;\n    column.scrollTop = unit.offsetTop - ((column.clientHeight - unit.offsetHeight) / 2);\n  };\n\n  useLayoutEffect(() => {\n    if (!value) return;\n    centerUnitInColumn(hourColumnRef.current, value.hour());\n    centerUnitInColumn(minuteColumnRef.current, value.minute());\n  }, [value?.hour(), value?.minute(), Boolean(value)]);\n\n  // O calendário fecha no blur do input, então clicar numa unidade não pode tirar o foco\n  // do campo — do contrário o popover sumiria antes do clique chegar.\n  const handleOnMouseDown = (event: MouseEvent<HTMLButtonElement>) => {\n    event?.preventDefault?.();\n  };\n\n  // A restrição só vale no dia da borda: em 15/03 com min às 14h as horas anteriores saem\n  // apagadas, mas em 16/03 o intervalo já não diz nada sobre o horário.\n  const isHourOutOfBounds = (hour: number) => {\n    if (!value) return false;\n    if (min && value.isSame(min, 'day') && hour < min.hour()) return true;\n    return Boolean(max && value.isSame(max, 'day') && hour > max.hour());\n  };\n\n  const isMinuteOutOfBounds = (minute: number) => {\n    if (!value) return false;\n    const isOnMinHour = Boolean(min && value.isSame(min, 'day') && value.hour() === min.hour());\n    const isOnMaxHour = Boolean(max && value.isSame(max, 'day') && value.hour() === max.hour());\n    if (isOnMinHour && min && minute < min.minute()) return true;\n    return Boolean(isOnMaxHour && max && minute > max.minute());\n  };\n\n  const renderUnit = (unit: TimeUnit) => {\n    const { value: unitValue, isSelected, isOutOfBounds, testId, onClick } = unit;\n    return (\n      <Button\n        key={unitValue}\n        role=\"option\"\n        type=\"button\"\n        className=\"time-unit-button\"\n        boxShadow={false}\n        tabIndex={-1}\n        title={padUnit(unitValue)}\n        label={padUnit(unitValue)}\n        disabled={!value || isOutOfBounds}\n        aria-disabled={!value || isOutOfBounds}\n        aria-selected={isSelected}\n        data-testid={testId}\n        data-state-out-of-bounds={isOutOfBounds}\n        onMouseDown={handleOnMouseDown}\n        onClick={onClick} />\n    );\n  };\n\n  return (\n    <div\n      className=\"date-calendar-box-time-selector\"\n      data-state-disabled={!value}\n      data-testid={`${testIdPrefix}-time-selector`}>\n      <div className=\"time-column\">\n        <TextContent as=\"p\" className=\"time-column-label\">HORA</TextContent>\n        <div\n          ref={hourColumnRef}\n          role=\"listbox\"\n          aria-label=\"Selecionar hora\"\n          className=\"time-column-options\"\n          data-testid={`${testIdPrefix}-time-hour-column`}>\n          {HOURS.map(hour => renderUnit({\n            value: hour,\n            isSelected: value?.hour() === hour,\n            isOutOfBounds: isHourOutOfBounds(hour),\n            testId: `${testIdPrefix}-time-hour-button`,\n            onClick: () => onSelectTime(hour, value?.minute() ?? 0),\n          }))}\n        </div>\n      </div>\n      <div className=\"time-column\">\n        <TextContent as=\"p\" className=\"time-column-label\">MINUTO</TextContent>\n        <div\n          ref={minuteColumnRef}\n          role=\"listbox\"\n          aria-label=\"Selecionar minuto\"\n          className=\"time-column-options\"\n          data-testid={`${testIdPrefix}-time-minute-column`}>\n          {MINUTES.map(minute => renderUnit({\n            value: minute,\n            isSelected: value?.minute() === minute,\n            isOutOfBounds: isMinuteOutOfBounds(minute),\n            testId: `${testIdPrefix}-time-minute-button`,\n            onClick: () => onSelectTime(value?.hour() ?? 0, minute),\n          }))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTimeSelector.displayName = 'DateTimeSelector';\n\nexport { TimeSelector };\nexport type { TimeSelectorProps };\n"],"names":["HOURS","_","range","MINUTES","padUnit","unit","padStart","String","TimeSelector","props","$","_c","value","onSelectTime","min","max","testIdPrefix","hourColumnRef","useRef","minuteColumnRef","centerUnitInColumn","_temp","t0","t1","current","hour","minute","t2","t3","Boolean","t4","useLayoutEffect","handleOnMouseDown","_temp2","t5","isSame","isHourOutOfBounds","t6","isOnMinHour","isOnMaxHour","isMinuteOutOfBounds","t7","unit_0","unitValue","isSelected","isOutOfBounds","testId","onClick","renderUnit","t8","t9","t10","Symbol","for","t11","t12","map","hour_0","t13","t14","t15","t16","minute_0","t17","t18","displayName","column","index","children","scrollTop","offsetTop","clientHeight","offsetHeight","event","preventDefault"],"mappings":"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"}
+{"version":3,"file":"timeselector.js","sources":["../../../src/lib/inputs2/date/timeselector.tsx"],"sourcesContent":["import _ from 'lodash';\nimport type { Moment } from 'moment';\nimport { MouseEvent, useLayoutEffect, useRef } from 'react';\nimport Button from '../../buttons';\nimport TextContent from '../../textContent';\n\ninterface TimeUnit {\n  value: number;\n  isSelected: boolean;\n  isOutOfBounds: boolean;\n  testId: string;\n  onClick: () => void;\n}\n\ninterface TimeSelectorProps {\n  value: Moment | null;\n  selectedHour: number | null;\n  selectedMinute: number | null;\n  onSelectHour: (hour: number) => void;\n  onSelectMinute: (minute: number) => void;\n  min?: Moment;\n  max?: Moment;\n  testIdPrefix: string;\n}\n\nconst HOURS = _.range(0, 24);\nconst MINUTES = _.range(0, 60);\n\nconst padUnit = (unit: number) => _.padStart(String(unit), 2, '0');\n\nconst TimeSelector = (props: TimeSelectorProps) => {\n  const {\n    value, selectedHour, selectedMinute, onSelectHour, onSelectMinute, min, max, testIdPrefix,\n  } = props;\n  const hourColumnRef = useRef<HTMLDivElement | null>(null);\n  const minuteColumnRef = useRef<HTMLDivElement | null>(null);\n\n  // `scrollIntoView` arrastaria os ancestrais junto, e o box mora no `body`.\n  const centerUnitInColumn = (column: HTMLDivElement | null, index: number | null) => {\n    if (!column) return;\n    const unit = _.isNull(index) ? undefined : column.children?.[index] as HTMLElement | undefined;\n    if (!unit) {\n      column.scrollTop = 0;\n      return;\n    }\n    column.scrollTop = unit.offsetTop - ((column.clientHeight - unit.offsetHeight) / 2);\n  };\n\n  useLayoutEffect(() => {\n    if (!value) return;\n    centerUnitInColumn(hourColumnRef.current, selectedHour);\n    centerUnitInColumn(minuteColumnRef.current, selectedMinute);\n  }, [selectedHour, selectedMinute, Boolean(value)]);\n\n  const handleOnMouseDown = (event: MouseEvent<HTMLButtonElement>) => {\n    event?.preventDefault?.();\n  };\n\n  const isHourOutOfBounds = (hour: number) => {\n    if (!value) return false;\n    if (min && value.isSame(min, 'day') && hour < min.hour()) return true;\n    return Boolean(max && value.isSame(max, 'day') && hour > max.hour());\n  };\n\n  const isMinuteOutOfBounds = (minute: number) => {\n    if (!value || _.isNull(selectedHour)) return false;\n    const isOnMinHour = Boolean(min && value.isSame(min, 'day') && selectedHour === min.hour());\n    const isOnMaxHour = Boolean(max && value.isSame(max, 'day') && selectedHour === max.hour());\n    if (isOnMinHour && min && minute < min.minute()) return true;\n    return Boolean(isOnMaxHour && max && minute > max.minute());\n  };\n\n  const renderUnit = (unit: TimeUnit) => {\n    const { value: unitValue, isSelected, isOutOfBounds, testId, onClick } = unit;\n    return (\n      <Button\n        key={unitValue}\n        role=\"option\"\n        type=\"button\"\n        className=\"time-unit-button\"\n        boxShadow={false}\n        tabIndex={-1}\n        title={padUnit(unitValue)}\n        label={padUnit(unitValue)}\n        disabled={!value || isOutOfBounds}\n        aria-disabled={!value || isOutOfBounds}\n        aria-selected={isSelected}\n        data-testid={testId}\n        data-state-out-of-bounds={isOutOfBounds}\n        onMouseDown={handleOnMouseDown}\n        onClick={onClick} />\n    );\n  };\n\n  return (\n    <div\n      className=\"date-calendar-box-time-selector\"\n      data-state-disabled={!value}\n      data-testid={`${testIdPrefix}-time-selector`}>\n      <div className=\"time-column\">\n        <TextContent as=\"p\" className=\"time-column-label\">HORA</TextContent>\n        <div\n          ref={hourColumnRef}\n          role=\"listbox\"\n          aria-label=\"Selecionar hora\"\n          className=\"time-column-options\"\n          data-testid={`${testIdPrefix}-time-hour-column`}>\n          {HOURS.map(hour => renderUnit({\n            value: hour,\n            isSelected: selectedHour === hour,\n            isOutOfBounds: isHourOutOfBounds(hour),\n            testId: `${testIdPrefix}-time-hour-button`,\n            onClick: () => onSelectHour(hour),\n          }))}\n        </div>\n      </div>\n      <div className=\"time-column\">\n        <TextContent as=\"p\" className=\"time-column-label\">MINUTO</TextContent>\n        <div\n          ref={minuteColumnRef}\n          role=\"listbox\"\n          aria-label=\"Selecionar minuto\"\n          className=\"time-column-options\"\n          data-testid={`${testIdPrefix}-time-minute-column`}>\n          {MINUTES.map(minute => renderUnit({\n            value: minute,\n            isSelected: selectedMinute === minute,\n            isOutOfBounds: isMinuteOutOfBounds(minute),\n            testId: `${testIdPrefix}-time-minute-button`,\n            onClick: () => onSelectMinute(minute),\n          }))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTimeSelector.displayName = 'DateTimeSelector';\n\nexport { TimeSelector };\nexport type { TimeSelectorProps };\n"],"names":["HOURS","_","range","MINUTES","padUnit","unit","padStart","String","TimeSelector","props","$","_c","value","selectedHour","selectedMinute","onSelectHour","onSelectMinute","min","max","testIdPrefix","hourColumnRef","useRef","minuteColumnRef","centerUnitInColumn","_temp","t0","current","t1","Boolean","t2","useLayoutEffect","handleOnMouseDown","_temp2","t3","hour","isSame","isHourOutOfBounds","t4","minute","isNull","isOnMinHour","isOnMaxHour","isMinuteOutOfBounds","t5","unit_0","unitValue","isSelected","isOutOfBounds","testId","onClick","renderUnit","t6","t7","t8","Symbol","for","t9","t10","map","hour_0","t11","t12","t13","t14","minute_0","t15","t16","displayName","column","index","undefined","children","scrollTop","offsetTop","clientHeight","offsetHeight","event","preventDefault"],"mappings":"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"}

package/lib/inputs2/date/types.d.ts

@@ -29,6 +29,12 @@ export interface DateSharedContextProps {
     handleChangeActiveDescendant: (value: string) => void;
     handleChangeCalendarDisplayDate: (value: Moment) => void;
 }
+export interface TimeSelection {
+    hour: number | null;
+    minute: number | null;
+    hasDate: boolean;
+    isComplete: boolean;
+}
 export interface BaseDateInputRootProps extends ComponentPropsWithoutRef<'div'> {
     customClassWrapper?: string;
     hasValidationErrors?: boolean;

package/lib/inputs2/date/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/date/types.ts"],"sourcesContent":["import type { Moment } from 'moment';\nimport { ComponentPropsWithoutRef, MouseEvent, RefObject } from 'react';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { Position, HintPosition } from '../../@types/Position';\n\nexport type DateValueReturnType = 'default' | 'iso';\nexport type DateVariant = 'date' | 'datetime';\nexport enum Keys {\n  arrowLeft = 'ArrowLeft',\n  arrowRight = 'ArrowRight',\n  arrowUp = 'ArrowUp',\n  arrowDown = 'ArrowDown',\n  pageUp = 'PageUp',\n  pageDown = 'PageDown',\n  home = 'Home',\n  end = 'End',\n  escape = 'Escape',\n  enter = 'Enter'\n}\n// A fatia que as duas variantes expõem igual. Cada uma faz extends daqui e acrescenta só\n// o próprio modelo de valor, para a duplicação não voltar a crescer.\nexport interface DateSharedContextProps {\n  calendarBoxOpen: boolean;\n  activeDescendant: string;\n  calendarDisplayDate: Moment;\n  calendarRef: RefObject<HTMLDivElement | null>;\n  dateContainerRef: RefObject<HTMLDivElement | null>;\n  handleNextMonth: () => void;\n  handlePreviousMonth: () => void;\n  handleToggleCalendarBox: () => void;\n  handleSetCalendarBoxOpen: (value: boolean) => void;\n  handleChangeActiveDescendant: (value: string) => void;\n  handleChangeCalendarDisplayDate: (value: Moment) => void;\n}\nexport interface BaseDateInputRootProps extends ComponentPropsWithoutRef<'div'> {\n  customClassWrapper?: string;\n  hasValidationErrors?: boolean;\n}\nexport interface BaseDateInputLabelProps extends ComponentPropsWithoutRef<'span'> {\n  hint?: string;\n  customClassLabel?: string;\n  skeletonize?: boolean;\n  label?: string;\n  inputId?: string;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  required?: boolean;\n  labelUppercase?: boolean;\n  hasHintMessages?: boolean;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n}\nexport interface BaseDateInputContainerProps extends ComponentPropsWithoutRef<'div'> {\n  skeletonize?: boolean;\n  customClassInputContainer?: string;\n}\ntype InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;\nexport interface BaseDateInputProps extends InputHTMLProps {\n  customClass?: string;\n}\nexport interface BaseDateInputTriggersProps extends ComponentPropsWithoutRef<'div'> {\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  skeletonize?: boolean;\n  inputFieldId?: string;\n  calendarBoxOpen?: boolean;\n  showClearButton?: boolean;\n  showCalendarButton?: boolean;\n  hasValidDateSelection?: boolean;\n  hasValidPeriodSelected?: boolean;\n  clearButtonTestId?: string;\n  calendarButtonTestId?: string;\n  onClearSelectedDate: () => void,\n  onClickTriggerCalendar: (event: MouseEvent<HTMLButtonElement>) => void,\n}\n"],"names":["Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter"],"mappings":"AAOO,IAAKA,yBAAAA,UAAL;AACLC,QAAAA,WAAAA,IAAY;AACZC,QAAAA,YAAAA,IAAa;AACbC,QAAAA,SAAAA,IAAU;AACVC,QAAAA,WAAAA,IAAY;AACZC,QAAAA,QAAAA,IAAS;AACTC,QAAAA,UAAAA,IAAW;AACXC,QAAAA,MAAAA,IAAO;AACPC,QAAAA,KAAAA,IAAM;AACNC,QAAAA,QAAAA,IAAS;AACTC,QAAAA,OAAAA,IAAQ;AAVEV,SAAAA;AAAAA,GAAAA,QAAAA,CAAAA,CAAAA;"}
+{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/date/types.ts"],"sourcesContent":["import type { Moment } from 'moment';\nimport { ComponentPropsWithoutRef, MouseEvent, RefObject } from 'react';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { Position, HintPosition } from '../../@types/Position';\n\nexport type DateValueReturnType = 'default' | 'iso';\nexport type DateVariant = 'date' | 'datetime';\nexport enum Keys {\n  arrowLeft = 'ArrowLeft',\n  arrowRight = 'ArrowRight',\n  arrowUp = 'ArrowUp',\n  arrowDown = 'ArrowDown',\n  pageUp = 'PageUp',\n  pageDown = 'PageDown',\n  home = 'Home',\n  end = 'End',\n  escape = 'Escape',\n  enter = 'Enter'\n}\nexport interface DateSharedContextProps {\n  calendarBoxOpen: boolean;\n  activeDescendant: string;\n  calendarDisplayDate: Moment;\n  calendarRef: RefObject<HTMLDivElement | null>;\n  dateContainerRef: RefObject<HTMLDivElement | null>;\n  handleNextMonth: () => void;\n  handlePreviousMonth: () => void;\n  handleToggleCalendarBox: () => void;\n  handleSetCalendarBoxOpen: (value: boolean) => void;\n  handleChangeActiveDescendant: (value: string) => void;\n  handleChangeCalendarDisplayDate: (value: Moment) => void;\n}\nexport interface TimeSelection {\n  hour: number | null;\n  minute: number | null;\n  hasDate: boolean;\n  isComplete: boolean;\n}\nexport interface BaseDateInputRootProps extends ComponentPropsWithoutRef<'div'> {\n  customClassWrapper?: string;\n  hasValidationErrors?: boolean;\n}\nexport interface BaseDateInputLabelProps extends ComponentPropsWithoutRef<'span'> {\n  hint?: string;\n  customClassLabel?: string;\n  skeletonize?: boolean;\n  label?: string;\n  inputId?: string;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  required?: boolean;\n  labelUppercase?: boolean;\n  hasHintMessages?: boolean;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n}\nexport interface BaseDateInputContainerProps extends ComponentPropsWithoutRef<'div'> {\n  skeletonize?: boolean;\n  customClassInputContainer?: string;\n}\ntype InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;\nexport interface BaseDateInputProps extends InputHTMLProps {\n  customClass?: string;\n}\nexport interface BaseDateInputTriggersProps extends ComponentPropsWithoutRef<'div'> {\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  skeletonize?: boolean;\n  inputFieldId?: string;\n  calendarBoxOpen?: boolean;\n  showClearButton?: boolean;\n  showCalendarButton?: boolean;\n  hasValidDateSelection?: boolean;\n  hasValidPeriodSelected?: boolean;\n  clearButtonTestId?: string;\n  calendarButtonTestId?: string;\n  onClearSelectedDate: () => void,\n  onClickTriggerCalendar: (event: MouseEvent<HTMLButtonElement>) => void,\n}\n"],"names":["Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter"],"mappings":"AAOO,IAAKA,yBAAAA,UAAL;AACLC,QAAAA,WAAAA,IAAY;AACZC,QAAAA,YAAAA,IAAa;AACbC,QAAAA,SAAAA,IAAU;AACVC,QAAAA,WAAAA,IAAY;AACZC,QAAAA,QAAAA,IAAS;AACTC,QAAAA,UAAAA,IAAW;AACXC,QAAAA,MAAAA,IAAO;AACPC,QAAAA,KAAAA,IAAM;AACNC,QAAAA,QAAAA,IAAS;AACTC,QAAAA,OAAAA,IAAQ;AAVEV,SAAAA;AAAAA,GAAAA,QAAAA,CAAAA,CAAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "2.1.0-beta.2",
+  "version": "2.1.0-beta.4",
   "description": "Linear Sistemas ReactJs Components",
   "type": "module",
   "main": "./lib/index.js",