@consumidor-positivo/aurora 0.0.207 → 0.0.208

package/dist/components/icons/Icon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/misc/misc.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{index-CL0DrUGQ.js → index-AOefAAO5.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "./index-CweZ_OcN.js";
+import { c as classNames } from "./index-BXRA68j0.js";
 import "./components/Icon/index.es.js";
 import { IconChevronDown } from "./components/icons/IconChevronDown/index.es.js";
 import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
 import { IconX } from "./components/icons/IconX/index.es.js";
 import { useState, useRef, useEffect } from "react";
-import { a as above } from "./screen-DfYo7XQ_.js";
 import { B as BREAKPOINT_MD } from "./tokens-D_iASp38.js";
+import { a as above } from "./screen-DfYo7XQ_.js";
 import './components/index/styles3.css';function useOutsideClick({
   rootEl,
   breakpoint,
@@ -138,4 +138,4 @@ export {
   Segment as S,
   useOutsideClick as u
 };
-//# sourceMappingURL=index-CL0DrUGQ.js.map
+//# sourceMappingURL=index-AOefAAO5.js.map

package/dist/{index-CL0DrUGQ.js.map → index-AOefAAO5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CL0DrUGQ.js","sources":["../lib/core/hooks/useOutsideClick.ts","../lib/components/form/Datepicker/Segment/hook.ts","../lib/components/form/Datepicker/Segment/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { above } from '../utils/screen'\n\ntype UseOutsideClickProps = {\n  rootEl: React.RefObject<HTMLDivElement>\n  breakpoint?: string\n  onLoseFocusCB: () => void\n}\n\nexport function useOutsideClick({\n  rootEl,\n  breakpoint,\n  onLoseFocusCB,\n}: UseOutsideClickProps) {\n  const [setupListener, setSetupListener] = useState(false)\n\n  function listenOutsideClick() {\n    if (breakpoint && !above(breakpoint)) return\n    document.addEventListener('mousedown', handleLoseFocus)\n    setSetupListener(true)\n  }\n\n  function clearOutsideClickListenner() {\n    if (setupListener) {\n      document.removeEventListener('mousedown', handleLoseFocus)\n      setSetupListener(false)\n    }\n  }\n\n  function handleLoseFocus(ev: MouseEvent | FocusEvent) {\n    if (!rootEl.current) return\n\n    const clickedOutside = !rootEl.current.contains(ev.target as Node)\n\n    if (clickedOutside) {\n      onLoseFocusCB()\n      clearOutsideClickListenner()\n    }\n  }\n\n  return {\n    listenOutsideClick,\n  }\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { useOutsideClick } from '@core/hooks/useOutsideClick'\n\nimport { SegmentItem } from '../types'\n\ntype UseSegmentProps = {\n  options: SegmentItem[]\n  currentValue: string | number\n  onSelect: (option: SegmentItem) => void\n}\n\nexport function useSegment({\n  options,\n  currentValue,\n  onSelect,\n}: UseSegmentProps) {\n  const [isListOpen, setIsListOpen] = useState(false)\n  const rootEl = useRef<HTMLDivElement>(null)\n  const selectedItem = useRef<HTMLLIElement>(null)\n  const currentItem = options.find((item) => item.value === currentValue)\n  const { listenOutsideClick } = useOutsideClick({\n    rootEl,\n    breakpoint: BREAKPOINT_MD,\n    onLoseFocusCB: closeList,\n  })\n\n  useEffect(() => {\n    if (selectedItem.current && isListOpen) {\n      selectedItem.current.scrollIntoView({ block: 'center', inline: 'center' })\n    }\n  }, [isListOpen])\n\n  function openList() {\n    setIsListOpen(true)\n    listenOutsideClick()\n  }\n\n  function closeList() {\n    setIsListOpen(false)\n  }\n\n  function handleSelectItem(option: SegmentItem) {\n    onSelect(option)\n    setIsListOpen(false)\n  }\n\n  return {\n    openList,\n    closeList,\n    isListOpen,\n    rootEl,\n    currentItem,\n    handleSelectItem,\n    selectedItem,\n  }\n}\n","import classNames from 'classnames'\nimport { IconChevronDown, IconChevronLeft, IconX } from '@components/icons'\n\nimport { useSegment } from './hook'\nimport { SegmentItem } from '../types'\nimport './styles.scss'\n\ntype SegmentProps = {\n  mobileTitle: string\n  options: SegmentItem[]\n  onSelect: (option: SegmentItem) => void\n  currentValue: string | number\n  minValue?: Date\n  maxValue?: Date\n}\n\nexport const Segment = ({\n  currentValue,\n  options,\n  mobileTitle,\n  onSelect,\n}: SegmentProps) => {\n  const {\n    rootEl,\n    isListOpen,\n    openList,\n    closeList,\n    currentItem,\n    handleSelectItem,\n    selectedItem,\n  } = useSegment({\n    options,\n    currentValue,\n    onSelect,\n  })\n\n  return (\n    <div\n      ref={rootEl}\n      tabIndex={0}\n      className={classNames('au-datepicker__segment', {\n        'au-datepicker__segment--open': isListOpen,\n      })}>\n      <div className=\"au-datepicker__segment-input\" onClick={openList}>\n        {currentItem?.label}\n        <IconChevronDown />\n      </div>\n      <div className=\"au-datepicker__segment-list-holder\">\n        <div className=\"au-datepicker__segment-list-header\">\n          <div onClick={closeList}>\n            <IconChevronLeft />\n          </div>\n          <h4 className=\"au-datepicker__segment-title\">{mobileTitle}</h4>\n          <div onClick={closeList}>\n            <IconX />\n          </div>\n        </div>\n        <ul className=\"au-datepicker__segment-list\">\n          {options.map((option, idx) => {\n            const isSelectedItem = option.value === currentValue\n            return (\n              <li\n                key={`au-datepicker-segment-li-${option.value}-${idx}`}\n                onClick={() => handleSelectItem(option)}\n                ref={isSelectedItem ? selectedItem : null}\n                className={classNames('au-datepicker__segment-list-item', {\n                  'au-datepicker__segment-list-item--active': isSelectedItem,\n                })}>\n                {option.label}\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;AASO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,WAAS,qBAAqB;AAC5B,QAAI,cAAc,CAAC,MAAM,UAAU,EAAG;AAC7B,aAAA,iBAAiB,aAAa,eAAe;AACtD,qBAAiB,IAAI;AAAA,EACvB;AAEA,WAAS,6BAA6B;AACpC,QAAI,eAAe;AACR,eAAA,oBAAoB,aAAa,eAAe;AACzD,uBAAiB,KAAK;AAAA,IACxB;AAAA,EACF;AAEA,WAAS,gBAAgB,IAA6B;AAChD,QAAA,CAAC,OAAO,QAAS;AAErB,UAAM,iBAAiB,CAAC,OAAO,QAAQ,SAAS,GAAG,MAAc;AAEjE,QAAI,gBAAgB;AACJ;AACa;IAC7B;AAAA,EACF;AAEO,SAAA;AAAA,IACL;AAAA,EAAA;AAEJ;AC/BO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAC5C,QAAA,SAAS,OAAuB,IAAI;AACpC,QAAA,eAAe,OAAsB,IAAI;AAC/C,QAAM,cAAc,QAAQ,KAAK,CAAC,SAAS,KAAK,UAAU,YAAY;AAChE,QAAA,EAAE,mBAAmB,IAAI,gBAAgB;AAAA,IAC7C;AAAA,IACA,YAAY;AAAA,IACZ,eAAe;AAAA,EAAA,CAChB;AAED,YAAU,MAAM;AACV,QAAA,aAAa,WAAW,YAAY;AACtC,mBAAa,QAAQ,eAAe,EAAE,OAAO,UAAU,QAAQ,UAAU;AAAA,IAC3E;AAAA,EAAA,GACC,CAAC,UAAU,CAAC;AAEf,WAAS,WAAW;AAClB,kBAAc,IAAI;AACC;EACrB;AAEA,WAAS,YAAY;AACnB,kBAAc,KAAK;AAAA,EACrB;AAEA,WAAS,iBAAiB,QAAqB;AAC7C,aAAS,MAAM;AACf,kBAAc,KAAK;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;ACxCO,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AACZ,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW,WAAW,0BAA0B;AAAA,QAC9C,gCAAgC;AAAA,MAAA,CACjC;AAAA,MACD,UAAA;AAAA,QAAA,qBAAC,OAAI,EAAA,WAAU,gCAA+B,SAAS,UACpD,UAAA;AAAA,UAAa,2CAAA;AAAA,8BACb,iBAAgB,EAAA;AAAA,QAAA,GACnB;AAAA,QACA,qBAAC,OAAI,EAAA,WAAU,sCACb,UAAA;AAAA,UAAC,qBAAA,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,YAAA,oBAAC,OAAI,EAAA,SAAS,WACZ,UAAA,oBAAC,kBAAgB,CAAA,GACnB;AAAA,YACC,oBAAA,MAAA,EAAG,WAAU,gCAAgC,UAAY,aAAA;AAAA,gCACzD,OAAI,EAAA,SAAS,WACZ,UAAA,oBAAC,QAAM,CAAA,GACT;AAAA,UAAA,GACF;AAAA,UACA,oBAAC,QAAG,WAAU,+BACX,kBAAQ,IAAI,CAAC,QAAQ,QAAQ;AACtB,kBAAA,iBAAiB,OAAO,UAAU;AAEtC,mBAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,SAAS,MAAM,iBAAiB,MAAM;AAAA,gBACtC,KAAK,iBAAiB,eAAe;AAAA,gBACrC,WAAW,WAAW,oCAAoC;AAAA,kBACxD,4CAA4C;AAAA,gBAAA,CAC7C;AAAA,gBACA,UAAO,OAAA;AAAA,cAAA;AAAA,cANH,4BAA4B,OAAO,KAAK,IAAI,GAAG;AAAA,YAAA;AAAA,UASzD,CAAA,GACH;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index-AOefAAO5.js","sources":["../lib/core/hooks/useOutsideClick.ts","../lib/components/form/Datepicker/Segment/hook.ts","../lib/components/form/Datepicker/Segment/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { above } from '../utils/screen'\n\ntype UseOutsideClickProps = {\n  rootEl: React.RefObject<HTMLDivElement>\n  breakpoint?: string\n  onLoseFocusCB: () => void\n}\n\nexport function useOutsideClick({\n  rootEl,\n  breakpoint,\n  onLoseFocusCB,\n}: UseOutsideClickProps) {\n  const [setupListener, setSetupListener] = useState(false)\n\n  function listenOutsideClick() {\n    if (breakpoint && !above(breakpoint)) return\n    document.addEventListener('mousedown', handleLoseFocus)\n    setSetupListener(true)\n  }\n\n  function clearOutsideClickListenner() {\n    if (setupListener) {\n      document.removeEventListener('mousedown', handleLoseFocus)\n      setSetupListener(false)\n    }\n  }\n\n  function handleLoseFocus(ev: MouseEvent | FocusEvent) {\n    if (!rootEl.current) return\n\n    const clickedOutside = !rootEl.current.contains(ev.target as Node)\n\n    if (clickedOutside) {\n      onLoseFocusCB()\n      clearOutsideClickListenner()\n    }\n  }\n\n  return {\n    listenOutsideClick,\n  }\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { useOutsideClick } from '@core/hooks/useOutsideClick'\n\nimport { SegmentItem } from '../types'\n\ntype UseSegmentProps = {\n  options: SegmentItem[]\n  currentValue: string | number\n  onSelect: (option: SegmentItem) => void\n}\n\nexport function useSegment({\n  options,\n  currentValue,\n  onSelect,\n}: UseSegmentProps) {\n  const [isListOpen, setIsListOpen] = useState(false)\n  const rootEl = useRef<HTMLDivElement>(null)\n  const selectedItem = useRef<HTMLLIElement>(null)\n  const currentItem = options.find((item) => item.value === currentValue)\n  const { listenOutsideClick } = useOutsideClick({\n    rootEl,\n    breakpoint: BREAKPOINT_MD,\n    onLoseFocusCB: closeList,\n  })\n\n  useEffect(() => {\n    if (selectedItem.current && isListOpen) {\n      selectedItem.current.scrollIntoView({ block: 'center', inline: 'center' })\n    }\n  }, [isListOpen])\n\n  function openList() {\n    setIsListOpen(true)\n    listenOutsideClick()\n  }\n\n  function closeList() {\n    setIsListOpen(false)\n  }\n\n  function handleSelectItem(option: SegmentItem) {\n    onSelect(option)\n    setIsListOpen(false)\n  }\n\n  return {\n    openList,\n    closeList,\n    isListOpen,\n    rootEl,\n    currentItem,\n    handleSelectItem,\n    selectedItem,\n  }\n}\n","import classNames from 'classnames'\nimport { IconChevronDown, IconChevronLeft, IconX } from '@components/icons'\n\nimport { useSegment } from './hook'\nimport { SegmentItem } from '../types'\nimport './styles.scss'\n\ntype SegmentProps = {\n  mobileTitle: string\n  options: SegmentItem[]\n  onSelect: (option: SegmentItem) => void\n  currentValue: string | number\n  minValue?: Date\n  maxValue?: Date\n}\n\nexport const Segment = ({\n  currentValue,\n  options,\n  mobileTitle,\n  onSelect,\n}: SegmentProps) => {\n  const {\n    rootEl,\n    isListOpen,\n    openList,\n    closeList,\n    currentItem,\n    handleSelectItem,\n    selectedItem,\n  } = useSegment({\n    options,\n    currentValue,\n    onSelect,\n  })\n\n  return (\n    <div\n      ref={rootEl}\n      tabIndex={0}\n      className={classNames('au-datepicker__segment', {\n        'au-datepicker__segment--open': isListOpen,\n      })}>\n      <div className=\"au-datepicker__segment-input\" onClick={openList}>\n        {currentItem?.label}\n        <IconChevronDown />\n      </div>\n      <div className=\"au-datepicker__segment-list-holder\">\n        <div className=\"au-datepicker__segment-list-header\">\n          <div onClick={closeList}>\n            <IconChevronLeft />\n          </div>\n          <h4 className=\"au-datepicker__segment-title\">{mobileTitle}</h4>\n          <div onClick={closeList}>\n            <IconX />\n          </div>\n        </div>\n        <ul className=\"au-datepicker__segment-list\">\n          {options.map((option, idx) => {\n            const isSelectedItem = option.value === currentValue\n            return (\n              <li\n                key={`au-datepicker-segment-li-${option.value}-${idx}`}\n                onClick={() => handleSelectItem(option)}\n                ref={isSelectedItem ? selectedItem : null}\n                className={classNames('au-datepicker__segment-list-item', {\n                  'au-datepicker__segment-list-item--active': isSelectedItem,\n                })}>\n                {option.label}\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/{index-C8AM9yBn.js → index-B0Ush_Ua.js}

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import "./index-CweZ_OcN.js";
+import "./index-BXRA68j0.js";
 import "./components/Icon/index.es.js";
 import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
 import { IconChevronRight } from "./components/icons/IconChevronRight/index.es.js";
-import { S as Segment } from "./index-CL0DrUGQ.js";
+import { S as Segment } from "./index-AOefAAO5.js";
 import $dbSRa$react__default, { createContext, useContext, useState, useRef, useCallback, useEffect, useMemo, forwardRef } from "react";
 import "react-dom";
 createContext(null);
@@ -5686,4 +5686,4 @@ export {
   $dfd62f934fc76fed$export$e11f8ba65d857bff as e,
   $dfd62f934fc76fed$export$5d847498420df57b as f
 };
-//# sourceMappingURL=index-C8AM9yBn.js.map
+//# sourceMappingURL=index-B0Ush_Ua.js.map