@gbmtech/aurora-ui 0.4.31 → 0.4.32

package/dist/cjs/components/data-table/data-table-toolbar.cjs

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableToolbar:()=>DataTableToolbar});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_data_table_date_filter_cjs_namespaceObject=require("./data-table-date-filter.cjs"),external_data_table_faceted_filter_cjs_namespaceObject=require("./data-table-faceted-filter.cjs"),external_data_table_slider_filter_cjs_namespaceObject=require("./data-table-slider-filter.cjs"),external_data_table_view_options_cjs_namespaceObject=require("./data-table-view-options.cjs"),external_input_cjs_namespaceObject=require("../input.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTableToolbar({table:e,children:a,className:t,...r}){let _=e.getState().columnFilters.length>0,c=external_react_namespaceObject.useMemo(()=>e.getAllColumns().filter(e=>e.getCanFilter()),[e]),l=external_react_namespaceObject.useCallback(()=>{e.resetColumnFilters()},[e]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{role:"toolbar","aria-orientation":"horizontal",className:(0,utils_cjs_namespaceObject.cn)("flex w-full items-start justify-between gap-2 p-1",t),...r,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[c.map(e=>(0,jsx_runtime_namespaceObject.jsx)(DataTableToolbarFilter,{column:e},e.id)),_&&(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{"aria-label":"Reset filters",variant:"secondary",size:"sm",onClick:l,children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.X,{}),"Limpar"]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-2",children:[a,(0,jsx_runtime_namespaceObject.jsx)(external_data_table_view_options_cjs_namespaceObject.DataTableViewOptions,{table:e})]})]})}function DataTableToolbarFilter({column:e}){{let a=e.columnDef.meta;return external_react_namespaceObject.useCallback(()=>{if(!a?.variant)return null;switch(a.variant){case"text":return(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{placeholder:a.placeholder??a.label,value:e.getFilterValue()??"",onChange:a=>e.setFilterValue(a.target.value),className:"h-10 w-40 lg:w-56",classNames:{input:"text-sm"}});case"number":return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{type:"number",inputMode:"numeric",placeholder:a.placeholder??a.label,value:e.getFilterValue()??"",onChange:a=>e.setFilterValue(a.target.value),className:(0,utils_cjs_namespaceObject.cn)("h-10 w-[120px]",a.unit&&"pr-8"),classNames:{input:"text-sm"}}),a.unit&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:a.unit})]});case"range":return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_slider_filter_cjs_namespaceObject.DataTableSliderFilter,{column:e,title:a.label??e.id});case"date":case"dateRange":return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_date_filter_cjs_namespaceObject.DataTableDateFilter,{column:e,title:a.label??e.id,multiple:"dateRange"===a.variant});case"select":case"multiSelect":return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_faceted_filter_cjs_namespaceObject.DataTableFacetedFilter,{column:e,title:a.label??e.id,options:a.options??[],multiple:"multiSelect"===a.variant});default:return null}},[e,a])()}}for(var __webpack_i__ in exports.DataTableToolbar=__webpack_exports__.DataTableToolbar,__webpack_exports__)-1===["DataTableToolbar"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableToolbar:()=>DataTableToolbar});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_data_table_date_filter_cjs_namespaceObject=require("./data-table-date-filter.cjs"),external_data_table_faceted_filter_cjs_namespaceObject=require("./data-table-faceted-filter.cjs"),external_data_table_slider_filter_cjs_namespaceObject=require("./data-table-slider-filter.cjs"),external_data_table_view_options_cjs_namespaceObject=require("./data-table-view-options.cjs"),external_input_cjs_namespaceObject=require("../input.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTableToolbar({table:e,children:a,className:t,...r}){let _=e.getState().columnFilters.length>0,c=external_react_namespaceObject.useMemo(()=>e.getAllColumns().filter(e=>e.getCanFilter()),[e]),l=external_react_namespaceObject.useCallback(()=>{e.resetColumnFilters()},[e]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{role:"toolbar","aria-orientation":"horizontal",className:(0,utils_cjs_namespaceObject.cn)("flex w-full items-start justify-between gap-2 p-1",t),...r,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[c.map(e=>(0,jsx_runtime_namespaceObject.jsx)(DataTableToolbarFilter,{column:e},e.id)),_&&(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{"aria-label":"Reset filters",variant:"outline",size:"sm",onClick:l,children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XIcon,{}),"Limpar"]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-2",children:[a,(0,jsx_runtime_namespaceObject.jsx)(external_data_table_view_options_cjs_namespaceObject.DataTableViewOptions,{table:e})]})]})}function DataTableToolbarFilter({column:e}){{let a=e.columnDef.meta;return external_react_namespaceObject.useCallback(()=>{if(!a?.variant)return null;switch(a.variant){case"text":return(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{placeholder:a.placeholder??a.label,value:e.getFilterValue()??"",onChange:a=>e.setFilterValue(a.target.value),className:"h-10 w-40 lg:w-56",classNames:{input:"text-sm"}});case"number":return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{type:"number",inputMode:"numeric",placeholder:a.placeholder??a.label,value:e.getFilterValue()??"",onChange:a=>e.setFilterValue(a.target.value),className:(0,utils_cjs_namespaceObject.cn)("h-10 w-[120px]",a.unit&&"pr-8"),classNames:{input:"text-sm"}}),a.unit&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:a.unit})]});case"range":return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_slider_filter_cjs_namespaceObject.DataTableSliderFilter,{column:e,title:a.label??e.id});case"date":case"dateRange":return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_date_filter_cjs_namespaceObject.DataTableDateFilter,{column:e,title:a.label??e.id,multiple:"dateRange"===a.variant});case"select":case"multiSelect":return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_faceted_filter_cjs_namespaceObject.DataTableFacetedFilter,{column:e,title:a.label??e.id,options:a.options??[],multiple:"multiSelect"===a.variant});default:return null}},[e,a])()}}for(var __webpack_i__ in exports.DataTableToolbar=__webpack_exports__.DataTableToolbar,__webpack_exports__)-1===["DataTableToolbar"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-toolbar.cjs.map

package/dist/cjs/components/data-table/data-table-toolbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-toolbar.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-toolbar.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Column, Table } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { DataTableDateFilter } from '@/components/data-table/data-table-date-filter'\r\nimport { DataTableFacetedFilter } from '@/components/data-table/data-table-faceted-filter'\r\nimport { DataTableSliderFilter } from '@/components/data-table/data-table-slider-filter'\r\nimport { DataTableViewOptions } from '@/components/data-table/data-table-view-options'\r\nimport { Input } from '@/components/input'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableToolbarProps<TData> extends React.ComponentProps<'div'> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableToolbar<TData>({\r\n  table,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTableToolbarProps<TData>) {\r\n  const isFiltered = table.getState().columnFilters.length > 0\r\n\r\n  const columns = React.useMemo(\r\n    () => table.getAllColumns().filter(column => column.getCanFilter()),\r\n    [table]\r\n  )\r\n\r\n  const onReset = React.useCallback(() => {\r\n    table.resetColumnFilters()\r\n  }, [table])\r\n\r\n  return (\r\n    <div\r\n      role=\"toolbar\"\r\n      aria-orientation=\"horizontal\"\r\n      className={cn(\r\n        'flex w-full items-start justify-between gap-2 p-1',\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <div className=\"flex flex-1 flex-wrap items-center gap-2\">\r\n        {columns.map(column => (\r\n          <DataTableToolbarFilter key={column.id} column={column} />\r\n        ))}\r\n        {isFiltered && (\r\n          <Button\r\n            aria-label=\"Reset filters\"\r\n            variant=\"secondary\"\r\n            size=\"sm\"\r\n            onClick={onReset}\r\n          >\r\n            <X />\r\n            Limpar\r\n          </Button>\r\n        )}\r\n      </div>\r\n      <div className=\"flex items-center gap-2\">\r\n        {children}\r\n        <DataTableViewOptions table={table} />\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\ninterface DataTableToolbarFilterProps<TData> {\r\n  column: Column<TData>\r\n}\r\n\r\nfunction DataTableToolbarFilter<TData>({\r\n  column,\r\n}: DataTableToolbarFilterProps<TData>) {\r\n  {\r\n    const columnMeta = column.columnDef.meta\r\n\r\n    const onFilterRender = React.useCallback(() => {\r\n      if (!columnMeta?.variant) return null\r\n\r\n      switch (columnMeta.variant) {\r\n        case 'text':\r\n          return (\r\n            <Input\r\n              placeholder={columnMeta.placeholder ?? columnMeta.label}\r\n              value={(column.getFilterValue() as string) ?? ''}\r\n              onChange={event => column.setFilterValue(event.target.value)}\r\n              className=\"h-10 w-40 lg:w-56\"\r\n              classNames={{\r\n                input: 'text-sm',\r\n              }}\r\n            />\r\n          )\r\n\r\n        case 'number':\r\n          return (\r\n            <div className=\"relative\">\r\n              <Input\r\n                type=\"number\"\r\n                inputMode=\"numeric\"\r\n                placeholder={columnMeta.placeholder ?? columnMeta.label}\r\n                value={(column.getFilterValue() as string) ?? ''}\r\n                onChange={event => column.setFilterValue(event.target.value)}\r\n                className={cn('h-10 w-[120px]', columnMeta.unit && 'pr-8')}\r\n                classNames={{\r\n                  input: 'text-sm',\r\n                }}\r\n              />\r\n              {columnMeta.unit && (\r\n                <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n                  {columnMeta.unit}\r\n                </span>\r\n              )}\r\n            </div>\r\n          )\r\n\r\n        case 'range':\r\n          return (\r\n            <DataTableSliderFilter\r\n              column={column}\r\n              title={columnMeta.label ?? column.id}\r\n            />\r\n          )\r\n\r\n        case 'date':\r\n        case 'dateRange':\r\n          return (\r\n            <DataTableDateFilter\r\n              column={column}\r\n              title={columnMeta.label ?? column.id}\r\n              multiple={columnMeta.variant === 'dateRange'}\r\n            />\r\n          )\r\n\r\n        case 'select':\r\n        case 'multiSelect':\r\n          return (\r\n            <DataTableFacetedFilter\r\n              column={column}\r\n              title={columnMeta.label ?? column.id}\r\n              options={columnMeta.options ?? []}\r\n              multiple={columnMeta.variant === 'multiSelect'}\r\n            />\r\n          )\r\n\r\n        default:\r\n          return null\r\n      }\r\n    }, [column, columnMeta])\r\n\r\n    return onFilterRender()\r\n  }\r\n}\r\n"],"names":["__webpack_require__","e","Object","Symbol","DataTableToolbar","table","children","className","props","isFiltered","columns","React","column","onReset","cn","DataTableToolbarFilter","Button","X","DataTableViewOptions","columnMeta","onFilterRender","Input","event","DataTableSliderFilter","DataTableDateFilter","DataTableFacetedFilter"],"mappings":";+PAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,KACjC,IAAI,IAAI,KAAO,EACLD,oBAAoB,CAAC,CAAC,EAAY,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACzEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,IAAK,CAAU,CAAC,EAAI,EAGxF,ECNAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,IACpB,oBAAOG,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,02BCYO,SAASG,iBAAwB,CACtCC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EAC0B,EAC7B,IAAMC,EAAaJ,EAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAG,EAErDK,EAAUC,+BAAAA,OAAa,CAC3B,IAAMN,EAAM,aAAa,GAAG,MAAM,CAACO,GAAUA,EAAO,YAAY,IAChE,CAACP,EAAM,EAGHQ,EAAUF,+BAAAA,WAAiB,CAAC,KAChCN,EAAM,kBAAkB,EAC1B,EAAG,CAACA,EAAM,EAEV,MACE,qCAAC,OACC,KAAK,UACL,mBAAiB,aACjB,UAAWS,GAAAA,0BAAAA,EAAAA,EACT,oDACAP,GAED,GAAGC,CAAK,C,UAET,qCAAC,OAAI,UAAU,2C,UACZE,EAAQ,GAAG,CAACE,GACX,oCAACG,uBAAAA,CAAuC,OAAQH,C,EAAnBA,EAAO,EAAE,GAEvCH,GACC,qCAACO,oCAAAA,MAAMA,CAAAA,CACL,aAAW,gBACX,QAAQ,YACR,KAAK,KACL,QAASH,E,UAET,oCAACI,sBAAAA,CAACA,CAAAA,CAAAA,GAAG,S,MAKX,qCAAC,OAAI,UAAU,0B,UACZX,EACD,oCAACY,qDAAAA,oBAAoBA,CAAAA,CAAC,MAAOb,C,QAIrC,CAKA,SAASU,uBAA8B,CACrCH,OAAAA,CAAM,CAC6B,EACnC,CACE,IAAMO,EAAaP,EAAO,SAAS,CAAC,IAAI,CA2ExC,OAAOQ,+BAzEgBT,WAAiB,CAAC,KACvC,GAAI,CAACQ,GAAY,QAAS,OAAO,KAEjC,OAAQA,EAAW,OAAO,EACxB,IAAK,OACH,MACE,oCAACE,mCAAAA,KAAKA,CAAAA,CACJ,YAAaF,EAAW,WAAW,EAAIA,EAAW,KAAK,CACvD,MAAQP,EAAO,cAAc,IAAiB,GAC9C,SAAUU,GAASV,EAAO,cAAc,CAACU,EAAM,MAAM,CAAC,KAAK,EAC3D,UAAU,oBACV,WAAY,CACV,MAAO,SACT,C,EAIN,KAAK,SACH,MACE,qCAAC,OAAI,UAAU,W,UACb,oCAACD,mCAAAA,KAAKA,CAAAA,CACJ,KAAK,SACL,UAAU,UACV,YAAaF,EAAW,WAAW,EAAIA,EAAW,KAAK,CACvD,MAAQP,EAAO,cAAc,IAAiB,GAC9C,SAAUU,GAASV,EAAO,cAAc,CAACU,EAAM,MAAM,CAAC,KAAK,EAC3D,UAAWR,GAAAA,0BAAAA,EAAAA,EAAG,iBAAkBK,EAAW,IAAI,EAAI,QACnD,WAAY,CACV,MAAO,SACT,C,GAEDA,EAAW,IAAI,EACd,oCAAC,QAAK,UAAU,8G,SACbA,EAAW,IAAI,KAM1B,KAAK,QACH,MACE,oCAACI,sDAAAA,qBAAqBA,CAAAA,CACpB,OAAQX,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,EAI1C,KAAK,OACL,IAAK,YACH,MACE,oCAACY,oDAAAA,mBAAmBA,CAAAA,CAClB,OAAQZ,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,CACpC,SAAUO,cAAAA,EAAW,OAAO,EAIlC,KAAK,SACL,IAAK,cACH,MACE,oCAACM,uDAAAA,sBAAsBA,CAAAA,CACrB,OAAQb,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,CACpC,QAASO,EAAW,OAAO,EAAI,EAAE,CACjC,SAAUA,gBAAAA,EAAW,OAAO,EAIlC,SACE,OAAO,IACX,CACF,EAAG,CAACP,EAAQO,EAAW,GAGzB,CACF,C"}
+{"version":3,"file":"components\\data-table\\data-table-toolbar.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-toolbar.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport { XIcon } from '@phosphor-icons/react'\r\nimport type { Column, Table } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { DataTableDateFilter } from '@/components/data-table/data-table-date-filter'\r\nimport { DataTableFacetedFilter } from '@/components/data-table/data-table-faceted-filter'\r\nimport { DataTableSliderFilter } from '@/components/data-table/data-table-slider-filter'\r\nimport { DataTableViewOptions } from '@/components/data-table/data-table-view-options'\r\nimport { Input } from '@/components/input'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableToolbarProps<TData> extends React.ComponentProps<'div'> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableToolbar<TData>({\r\n  table,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTableToolbarProps<TData>) {\r\n  const isFiltered = table.getState().columnFilters.length > 0\r\n\r\n  const columns = React.useMemo(\r\n    () => table.getAllColumns().filter(column => column.getCanFilter()),\r\n    [table]\r\n  )\r\n\r\n  const onReset = React.useCallback(() => {\r\n    table.resetColumnFilters()\r\n  }, [table])\r\n\r\n  return (\r\n    <div\r\n      role=\"toolbar\"\r\n      aria-orientation=\"horizontal\"\r\n      className={cn(\r\n        'flex w-full items-start justify-between gap-2 p-1',\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <div className=\"flex flex-1 flex-wrap items-center gap-2\">\r\n        {columns.map(column => (\r\n          <DataTableToolbarFilter key={column.id} column={column} />\r\n        ))}\r\n        {isFiltered && (\r\n          <Button\r\n            aria-label=\"Reset filters\"\r\n            variant=\"outline\"\r\n            size=\"sm\"\r\n            onClick={onReset}\r\n          >\r\n            <XIcon />\r\n            Limpar\r\n          </Button>\r\n        )}\r\n      </div>\r\n      <div className=\"flex items-center gap-2\">\r\n        {children}\r\n        <DataTableViewOptions table={table} />\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\ninterface DataTableToolbarFilterProps<TData> {\r\n  column: Column<TData>\r\n}\r\n\r\nfunction DataTableToolbarFilter<TData>({\r\n  column,\r\n}: DataTableToolbarFilterProps<TData>) {\r\n  {\r\n    const columnMeta = column.columnDef.meta\r\n\r\n    const onFilterRender = React.useCallback(() => {\r\n      if (!columnMeta?.variant) return null\r\n\r\n      switch (columnMeta.variant) {\r\n        case 'text':\r\n          return (\r\n            <Input\r\n              placeholder={columnMeta.placeholder ?? columnMeta.label}\r\n              value={(column.getFilterValue() as string) ?? ''}\r\n              onChange={event => column.setFilterValue(event.target.value)}\r\n              className=\"h-10 w-40 lg:w-56\"\r\n              classNames={{\r\n                input: 'text-sm',\r\n              }}\r\n            />\r\n          )\r\n\r\n        case 'number':\r\n          return (\r\n            <div className=\"relative\">\r\n              <Input\r\n                type=\"number\"\r\n                inputMode=\"numeric\"\r\n                placeholder={columnMeta.placeholder ?? columnMeta.label}\r\n                value={(column.getFilterValue() as string) ?? ''}\r\n                onChange={event => column.setFilterValue(event.target.value)}\r\n                className={cn('h-10 w-[120px]', columnMeta.unit && 'pr-8')}\r\n                classNames={{\r\n                  input: 'text-sm',\r\n                }}\r\n              />\r\n              {columnMeta.unit && (\r\n                <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n                  {columnMeta.unit}\r\n                </span>\r\n              )}\r\n            </div>\r\n          )\r\n\r\n        case 'range':\r\n          return (\r\n            <DataTableSliderFilter\r\n              column={column}\r\n              title={columnMeta.label ?? column.id}\r\n            />\r\n          )\r\n\r\n        case 'date':\r\n        case 'dateRange':\r\n          return (\r\n            <DataTableDateFilter\r\n              column={column}\r\n              title={columnMeta.label ?? column.id}\r\n              multiple={columnMeta.variant === 'dateRange'}\r\n            />\r\n          )\r\n\r\n        case 'select':\r\n        case 'multiSelect':\r\n          return (\r\n            <DataTableFacetedFilter\r\n              column={column}\r\n              title={columnMeta.label ?? column.id}\r\n              options={columnMeta.options ?? []}\r\n              multiple={columnMeta.variant === 'multiSelect'}\r\n            />\r\n          )\r\n\r\n        default:\r\n          return null\r\n      }\r\n    }, [column, columnMeta])\r\n\r\n    return onFilterRender()\r\n  }\r\n}\r\n"],"names":["__webpack_require__","e","Object","Symbol","DataTableToolbar","table","children","className","props","isFiltered","columns","React","column","onReset","cn","DataTableToolbarFilter","Button","XIcon","DataTableViewOptions","columnMeta","onFilterRender","Input","event","DataTableSliderFilter","DataTableDateFilter","DataTableFacetedFilter"],"mappings":";+PAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,KACjC,IAAI,IAAI,KAAO,EACLD,oBAAoB,CAAC,CAAC,EAAY,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACzEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,IAAK,CAAU,CAAC,EAAI,EAGxF,ECNAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,IACpB,oBAAOG,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,02BCYO,SAASG,iBAAwB,CACtCC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EAC0B,EAC7B,IAAMC,EAAaJ,EAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAG,EAErDK,EAAUC,+BAAAA,OAAa,CAC3B,IAAMN,EAAM,aAAa,GAAG,MAAM,CAACO,GAAUA,EAAO,YAAY,IAChE,CAACP,EAAM,EAGHQ,EAAUF,+BAAAA,WAAiB,CAAC,KAChCN,EAAM,kBAAkB,EAC1B,EAAG,CAACA,EAAM,EAEV,MACE,qCAAC,OACC,KAAK,UACL,mBAAiB,aACjB,UAAWS,GAAAA,0BAAAA,EAAAA,EACT,oDACAP,GAED,GAAGC,CAAK,C,UAET,qCAAC,OAAI,UAAU,2C,UACZE,EAAQ,GAAG,CAACE,GACX,oCAACG,uBAAAA,CAAuC,OAAQH,C,EAAnBA,EAAO,EAAE,GAEvCH,GACC,qCAACO,oCAAAA,MAAMA,CAAAA,CACL,aAAW,gBACX,QAAQ,UACR,KAAK,KACL,QAASH,E,UAET,oCAACI,sBAAAA,KAAKA,CAAAA,CAAAA,GAAG,S,MAKf,qCAAC,OAAI,UAAU,0B,UACZX,EACD,oCAACY,qDAAAA,oBAAoBA,CAAAA,CAAC,MAAOb,C,QAIrC,CAKA,SAASU,uBAA8B,CACrCH,OAAAA,CAAM,CAC6B,EACnC,CACE,IAAMO,EAAaP,EAAO,SAAS,CAAC,IAAI,CA2ExC,OAAOQ,+BAzEgBT,WAAiB,CAAC,KACvC,GAAI,CAACQ,GAAY,QAAS,OAAO,KAEjC,OAAQA,EAAW,OAAO,EACxB,IAAK,OACH,MACE,oCAACE,mCAAAA,KAAKA,CAAAA,CACJ,YAAaF,EAAW,WAAW,EAAIA,EAAW,KAAK,CACvD,MAAQP,EAAO,cAAc,IAAiB,GAC9C,SAAUU,GAASV,EAAO,cAAc,CAACU,EAAM,MAAM,CAAC,KAAK,EAC3D,UAAU,oBACV,WAAY,CACV,MAAO,SACT,C,EAIN,KAAK,SACH,MACE,qCAAC,OAAI,UAAU,W,UACb,oCAACD,mCAAAA,KAAKA,CAAAA,CACJ,KAAK,SACL,UAAU,UACV,YAAaF,EAAW,WAAW,EAAIA,EAAW,KAAK,CACvD,MAAQP,EAAO,cAAc,IAAiB,GAC9C,SAAUU,GAASV,EAAO,cAAc,CAACU,EAAM,MAAM,CAAC,KAAK,EAC3D,UAAWR,GAAAA,0BAAAA,EAAAA,EAAG,iBAAkBK,EAAW,IAAI,EAAI,QACnD,WAAY,CACV,MAAO,SACT,C,GAEDA,EAAW,IAAI,EACd,oCAAC,QAAK,UAAU,8G,SACbA,EAAW,IAAI,KAM1B,KAAK,QACH,MACE,oCAACI,sDAAAA,qBAAqBA,CAAAA,CACpB,OAAQX,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,EAI1C,KAAK,OACL,IAAK,YACH,MACE,oCAACY,oDAAAA,mBAAmBA,CAAAA,CAClB,OAAQZ,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,CACpC,SAAUO,cAAAA,EAAW,OAAO,EAIlC,KAAK,SACL,IAAK,cACH,MACE,oCAACM,uDAAAA,sBAAsBA,CAAAA,CACrB,OAAQb,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,CACpC,QAASO,EAAW,OAAO,EAAI,EAAE,CACjC,SAAUA,gBAAAA,EAAW,OAAO,EAIlC,SACE,OAAO,IACX,CACF,EAAG,CAACP,EAAQO,EAAW,GAGzB,CACF,C"}

package/dist/cjs/components/data-table/data-table-view-options.cjs

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var _ in a)__webpack_require__.o(a,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:a[_]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableViewOptions:()=>DataTableViewOptions});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_command_cjs_namespaceObject=require("../command.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),external_react_namespaceObject=require("react");function DataTableViewOptions({table:e}){let a=external_react_namespaceObject.useMemo(()=>e.getAllColumns().filter(e=>void 0!==e.accessorFn&&e.getCanHide()),[e]);return a.length<=0?null:(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{"aria-label":"Toggle columns",role:"combobox",variant:"secondary",size:"sm",className:"ml-auto hidden lg:flex",children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.SlidersHorizontal,{}),"Ver",(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUpDown,{className:"ml-auto opacity-50"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{align:"end",className:"w-44 p-0",children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:"Buscar colunas..."}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"Nenhuma coluna encontrada."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:a.map(e=>(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{onSelect:()=>e.toggleVisibility(!e.getIsVisible()),children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:e.columnDef.meta?.label??e.id}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Check,{className:(0,utils_cjs_namespaceObject.cn)("ml-auto size-4 shrink-0",e.getIsVisible()?"opacity-100":"opacity-0")})]},e.id))})]})]})})]})}for(var __webpack_i__ in exports.DataTableViewOptions=__webpack_exports__.DataTableViewOptions,__webpack_exports__)-1===["DataTableViewOptions"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var _ in a)__webpack_require__.o(a,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:a[_]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableViewOptions:()=>DataTableViewOptions});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_command_cjs_namespaceObject=require("../command.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),external_react_namespaceObject=require("react");function DataTableViewOptions({table:e}){let a=external_react_namespaceObject.useMemo(()=>e.getAllColumns().filter(e=>void 0!==e.accessorFn&&e.getCanHide()),[e]);return a.length<=0?null:(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{"aria-label":"Toggle columns",role:"combobox",variant:"outline",size:"sm",className:"ml-auto hidden lg:flex",children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.SlidersHorizontalIcon,{}),"Ver",(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUpDownIcon,{className:"ml-auto opacity-50"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{align:"end",className:"w-44 p-0",children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:"Buscar colunas..."}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"Nenhuma coluna encontrada."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:a.map(e=>(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{onSelect:()=>e.toggleVisibility(!e.getIsVisible()),children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:e.columnDef.meta?.label??e.id}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CheckIcon,{className:(0,utils_cjs_namespaceObject.cn)("ml-auto size-4 shrink-0",e.getIsVisible()?"opacity-100":"opacity-0")})]},e.id))})]})]})})]})}for(var __webpack_i__ in exports.DataTableViewOptions=__webpack_exports__.DataTableViewOptions,__webpack_exports__)-1===["DataTableViewOptions"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-view-options.cjs.map

package/dist/cjs/components/data-table/data-table-view-options.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-view-options.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-view-options.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport { CaretUpDown, Check, SlidersHorizontal } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\n\r\nimport { Button } from '@/components/button'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { cn } from '@/lib/utils'\r\nimport * as React from 'react'\r\n\r\ninterface DataTableViewOptionsProps<TData> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableViewOptions<TData>({\r\n  table,\r\n}: DataTableViewOptionsProps<TData>) {\r\n  const columns = React.useMemo(\r\n    () =>\r\n      table\r\n        .getAllColumns()\r\n        .filter(\r\n          column =>\r\n            typeof column.accessorFn !== 'undefined' && column.getCanHide()\r\n        ),\r\n    [table]\r\n  )\r\n\r\n  if (columns.length <= 0) {\r\n    return null\r\n  }\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          aria-label=\"Toggle columns\"\r\n          role=\"combobox\"\r\n          variant=\"secondary\"\r\n          size=\"sm\"\r\n          className=\"ml-auto hidden lg:flex\"\r\n        >\r\n          <SlidersHorizontal />\r\n          Ver\r\n          <CaretUpDown className=\"ml-auto opacity-50\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent align=\"end\" className=\"w-44 p-0\">\r\n        <Command>\r\n          <CommandInput placeholder=\"Buscar colunas...\" />\r\n          <CommandList>\r\n            <CommandEmpty>Nenhuma coluna encontrada.</CommandEmpty>\r\n            <CommandGroup>\r\n              {columns.map(column => (\r\n                <CommandItem\r\n                  key={column.id}\r\n                  onSelect={() =>\r\n                    column.toggleVisibility(!column.getIsVisible())\r\n                  }\r\n                >\r\n                  <span className=\"truncate\">\r\n                    {column.columnDef.meta?.label ?? column.id}\r\n                  </span>\r\n                  <Check\r\n                    className={cn(\r\n                      'ml-auto size-4 shrink-0',\r\n                      column.getIsVisible() ? 'opacity-100' : 'opacity-0'\r\n                    )}\r\n                  />\r\n                </CommandItem>\r\n              ))}\r\n            </CommandGroup>\r\n          </CommandList>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n"],"names":["__webpack_require__","e","Object","Symbol","DataTableViewOptions","table","columns","React","column","Popover","PopoverTrigger","Button","SlidersHorizontal","CaretUpDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Check","cn"],"mappings":";+PAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,KACjC,IAAI,IAAI,KAAO,EACLD,oBAAoB,CAAC,CAAC,EAAY,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACzEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,IAAK,CAAU,CAAC,EAAI,EAGxF,ECNAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,IACpB,oBAAOG,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,yjBCgBO,SAASG,qBAA4B,CAC1CC,MAAAA,CAAK,CAC4B,EACjC,IAAMC,EAAUC,+BAAAA,OAAa,CAC3B,IACEF,EACG,aAAa,GACb,MAAM,CACLG,GACE,SAAOA,EAAO,UAAU,EAAoBA,EAAO,UAAU,IAErE,CAACH,EAAM,SAGT,EAAY,MAAM,EAAI,EACb,KAIP,qCAACI,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,aAAW,iBACX,KAAK,WACL,QAAQ,YACR,KAAK,KACL,UAAU,yB,UAEV,oCAACC,sBAAAA,iBAAiBA,CAAAA,CAAAA,GAAG,MAErB,oCAACC,sBAAAA,WAAWA,CAAAA,CAAC,UAAU,oB,QAG3B,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,MAAM,MAAM,UAAU,W,SACpC,qCAACC,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,YAAYA,CAAAA,CAAC,YAAY,mB,GAC1B,qCAACC,qCAAAA,WAAWA,CAAAA,C,UACV,oCAACC,qCAAAA,YAAYA,CAAAA,C,SAAC,4B,GACd,oCAACC,qCAAAA,YAAYA,CAAAA,C,SACVb,EAAQ,GAAG,CAACE,GACX,qCAACY,qCAAAA,WAAWA,CAAAA,CAEV,SAAU,IACRZ,EAAO,gBAAgB,CAAC,CAACA,EAAO,YAAY,I,UAG9C,oCAAC,QAAK,UAAU,W,SACbA,EAAO,SAAS,CAAC,IAAI,EAAE,OAASA,EAAO,EAAE,GAE5C,oCAACa,sBAAAA,KAAKA,CAAAA,CACJ,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,0BACAd,EAAO,YAAY,GAAK,cAAgB,Y,KAXvCA,EAAO,EAAE,E,aAsBhC,C"}
+{"version":3,"file":"components\\data-table\\data-table-view-options.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-view-options.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport { CaretUpDownIcon, CheckIcon, SlidersHorizontalIcon } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\n\r\nimport { Button } from '@/components/button'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { cn } from '@/lib/utils'\r\nimport * as React from 'react'\r\n\r\ninterface DataTableViewOptionsProps<TData> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableViewOptions<TData>({\r\n  table,\r\n}: DataTableViewOptionsProps<TData>) {\r\n  const columns = React.useMemo(\r\n    () =>\r\n      table\r\n        .getAllColumns()\r\n        .filter(\r\n          column =>\r\n            typeof column.accessorFn !== 'undefined' && column.getCanHide()\r\n        ),\r\n    [table]\r\n  )\r\n\r\n  if (columns.length <= 0) {\r\n    return null\r\n  }\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          aria-label=\"Toggle columns\"\r\n          role=\"combobox\"\r\n          variant=\"outline\"\r\n          size=\"sm\"\r\n          className=\"ml-auto hidden lg:flex\"\r\n        >\r\n          <SlidersHorizontalIcon />\r\n          Ver\r\n          <CaretUpDownIcon className=\"ml-auto opacity-50\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent align=\"end\" className=\"w-44 p-0\">\r\n        <Command>\r\n          <CommandInput placeholder=\"Buscar colunas...\" />\r\n          <CommandList>\r\n            <CommandEmpty>Nenhuma coluna encontrada.</CommandEmpty>\r\n            <CommandGroup>\r\n              {columns.map(column => (\r\n                <CommandItem\r\n                  key={column.id}\r\n                  onSelect={() =>\r\n                    column.toggleVisibility(!column.getIsVisible())\r\n                  }\r\n                >\r\n                  <span className=\"truncate\">\r\n                    {column.columnDef.meta?.label ?? column.id}\r\n                  </span>\r\n                  <CheckIcon\r\n                    className={cn(\r\n                      'ml-auto size-4 shrink-0',\r\n                      column.getIsVisible() ? 'opacity-100' : 'opacity-0'\r\n                    )}\r\n                  />\r\n                </CommandItem>\r\n              ))}\r\n            </CommandGroup>\r\n          </CommandList>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n"],"names":["__webpack_require__","e","Object","Symbol","DataTableViewOptions","table","columns","React","column","Popover","PopoverTrigger","Button","SlidersHorizontalIcon","CaretUpDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","CheckIcon","cn"],"mappings":";+PAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,KACjC,IAAI,IAAI,KAAO,EACLD,oBAAoB,CAAC,CAAC,EAAY,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACzEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,IAAK,CAAU,CAAC,EAAI,EAGxF,ECNAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,IACpB,oBAAOG,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,yjBCgBO,SAASG,qBAA4B,CAC1CC,MAAAA,CAAK,CAC4B,EACjC,IAAMC,EAAUC,+BAAAA,OAAa,CAC3B,IACEF,EACG,aAAa,GACb,MAAM,CACLG,GACE,SAAOA,EAAO,UAAU,EAAoBA,EAAO,UAAU,IAErE,CAACH,EAAM,SAGT,EAAY,MAAM,EAAI,EACb,KAIP,qCAACI,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,aAAW,iBACX,KAAK,WACL,QAAQ,UACR,KAAK,KACL,UAAU,yB,UAEV,oCAACC,sBAAAA,qBAAqBA,CAAAA,CAAAA,GAAG,MAEzB,oCAACC,sBAAAA,eAAeA,CAAAA,CAAC,UAAU,oB,QAG/B,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,MAAM,MAAM,UAAU,W,SACpC,qCAACC,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,YAAYA,CAAAA,CAAC,YAAY,mB,GAC1B,qCAACC,qCAAAA,WAAWA,CAAAA,C,UACV,oCAACC,qCAAAA,YAAYA,CAAAA,C,SAAC,4B,GACd,oCAACC,qCAAAA,YAAYA,CAAAA,C,SACVb,EAAQ,GAAG,CAACE,GACX,qCAACY,qCAAAA,WAAWA,CAAAA,CAEV,SAAU,IACRZ,EAAO,gBAAgB,CAAC,CAACA,EAAO,YAAY,I,UAG9C,oCAAC,QAAK,UAAU,W,SACbA,EAAO,SAAS,CAAC,IAAI,EAAE,OAASA,EAAO,EAAE,GAE5C,oCAACa,sBAAAA,SAASA,CAAAA,CACR,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,0BACAd,EAAO,YAAY,GAAK,cAAgB,Y,KAXvCA,EAAO,EAAE,E,aAsBhC,C"}

package/dist/cjs/components/date-picker-with-range.cjs

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var _ in a)__webpack_require__.o(a,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:a[_]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DatePickerWithRange:()=>DatePickerWithRange});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_date_fns_namespaceObject=require("date-fns"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_calendar_cjs_namespaceObject=require("./calendar.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs");function DatePickerWithRange({startDate:e,endDate:a,onChange:_,placeholder:t,className:r,disabled:c=!1}){let[n,s]=(0,external_react_namespaceObject.useState)({from:e,to:a}),o=n?.from||n?.to;return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:"date",variant:"secondary",className:(0,utils_cjs_namespaceObject.cn)("h-12 min-w-60 justify-between overflow-hidden rounded-md px-4 text-left font-normal hover:bg-gray-50",!o&&"text-gray-400",r),disabled:c,children:[(0,jsx_runtime_namespaceObject.jsx)("div",{children:n?.from?n.to?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,external_date_fns_namespaceObject.format)(n.from,"dd/MM/yyyy")," -"," ",(0,external_date_fns_namespaceObject.format)(n.to,"dd/MM/yyyy")]}):(0,external_date_fns_namespaceObject.format)(n.from,"dd/MM/yyyy"):(0,jsx_runtime_namespaceObject.jsx)("span",{children:t||"Selecione o per\xedodo"})}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CalendarBlank,{className:"ml-2 size-4 text-gray-600"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",align:"start",children:(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{autoFocus:!0,mode:"range",defaultMonth:n?.from,selected:n,onSelect:e=>{s(e),_?.(e)},numberOfMonths:2,disabled:c})})]})}for(var __webpack_i__ in exports.DatePickerWithRange=__webpack_exports__.DatePickerWithRange,__webpack_exports__)-1===["DatePickerWithRange"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DatePickerWithRange:()=>DatePickerWithRange});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_date_fns_namespaceObject=require("date-fns"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_calendar_cjs_namespaceObject=require("./calendar.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs");function DatePickerWithRange({startDate:e,endDate:_,onChange:a,placeholder:t,className:r,disabled:c=!1}){let[n,s]=(0,external_react_namespaceObject.useState)({from:e,to:_}),o=n?.from||n?.to;return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:"date",variant:"outline",className:(0,utils_cjs_namespaceObject.cn)("h-12 min-w-60 justify-between overflow-hidden rounded-md px-4 text-left font-normal hover:bg-gray-50",!o&&"text-gray-400",r),disabled:c,children:[(0,jsx_runtime_namespaceObject.jsx)("div",{children:n?.from?n.to?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,external_date_fns_namespaceObject.format)(n.from,"dd/MM/yyyy")," -"," ",(0,external_date_fns_namespaceObject.format)(n.to,"dd/MM/yyyy")]}):(0,external_date_fns_namespaceObject.format)(n.from,"dd/MM/yyyy"):(0,jsx_runtime_namespaceObject.jsx)("span",{children:t||"Selecione o per\xedodo"})}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CalendarBlank,{className:"ml-2 size-4 text-gray-600"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",align:"start",children:(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{autoFocus:!0,mode:"range",defaultMonth:n?.from,selected:n,onSelect:e=>{s(e),a?.(e)},numberOfMonths:2,disabled:c})})]})}for(var __webpack_i__ in exports.DatePickerWithRange=__webpack_exports__.DatePickerWithRange,__webpack_exports__)-1===["DatePickerWithRange"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=date-picker-with-range.cjs.map

package/dist/cjs/components/date-picker-with-range.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\date-picker-with-range.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/date-picker-with-range.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react'\r\nimport { format } from 'date-fns'\r\nimport { useState } from 'react'\r\nimport { DateRange } from 'react-day-picker'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\ninterface DatePickerWithRangeProps {\r\n  startDate?: Date\r\n  endDate?: Date\r\n  placeholder?: string\r\n  className?: string\r\n  disabled?: boolean\r\n  onChange?: (date: DateRange | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DatePickerWithRange\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DatePickerWithRange({\r\n  startDate,\r\n  endDate,\r\n  onChange,\r\n  placeholder,\r\n  className,\r\n  disabled = false,\r\n}: DatePickerWithRangeProps) {\r\n  const [date, setDate] = useState<DateRange | undefined>({\r\n    from: startDate,\r\n    to: endDate,\r\n  })\r\n\r\n  const isRangeSelected = date?.from || date?.to\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          id=\"date\"\r\n          variant=\"secondary\"\r\n          className={cn(\r\n            'h-12 min-w-60 justify-between overflow-hidden rounded-md px-4 text-left font-normal hover:bg-gray-50',\r\n            !isRangeSelected && 'text-gray-400',\r\n            className\r\n          )}\r\n          disabled={disabled}\r\n        >\r\n          <div>\r\n            {date?.from ? (\r\n              date.to ? (\r\n                <>\r\n                  {format(date.from, 'dd/MM/yyyy')} -{' '}\r\n                  {format(date.to, 'dd/MM/yyyy')}\r\n                </>\r\n              ) : (\r\n                format(date.from, 'dd/MM/yyyy')\r\n              )\r\n            ) : (\r\n              <span>{placeholder || 'Selecione o período'}</span>\r\n            )}\r\n          </div>\r\n          <CalendarBlank className=\"ml-2 size-4 text-gray-600\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n        <Calendar\r\n          autoFocus\r\n          mode=\"range\"\r\n          defaultMonth={date?.from}\r\n          selected={date}\r\n          onSelect={date => {\r\n            setDate(date)\r\n            onChange?.(date)\r\n          }}\r\n          numberOfMonths={2}\r\n          disabled={disabled}\r\n        />\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DatePickerWithRange }\r\n"],"names":["__webpack_require__","e","Object","Symbol","DatePickerWithRange","startDate","endDate","onChange","placeholder","className","disabled","date","setDate","useState","isRangeSelected","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar"],"mappings":";+PAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,KACjC,IAAI,IAAI,KAAO,EACLD,oBAAoB,CAAC,CAAC,EAAY,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACzEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,IAAK,CAAU,CAAC,EAAI,EAGxF,ECNAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,IACpB,oBAAOG,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,ymBCmBA,SAASG,oBAAoB,CAC3BC,UAAAA,CAAS,CACTC,QAAAA,CAAO,CACPC,SAAAA,CAAQ,CACRC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,EAAW,EAAK,CACS,EACzB,GAAM,CAACC,EAAMC,EAAQ,CAAGC,GAAAA,+BAAAA,QAAAA,EAAgC,CACtD,KAAMR,EACN,GAAIC,CACN,GAEMQ,EAAkBH,GAAM,MAAQA,GAAM,GAE5C,MACE,qCAACI,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,YACR,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,uGACA,CAACJ,GAAmB,gBACpBL,GAEF,SAAUC,E,UAEV,oCAAC,O,SACEC,GAAM,KACLA,EAAK,EAAE,CACL,2E,UACGQ,GAAAA,kCAAAA,MAAAA,EAAOR,EAAK,IAAI,CAAE,cAAc,KAAG,IACnCQ,GAAAA,kCAAAA,MAAAA,EAAOR,EAAK,EAAE,CAAE,c,GAGnBQ,GAAAA,kCAAAA,MAAAA,EAAOR,EAAK,IAAI,CAAE,cAGpB,oCAAC,Q,SAAMH,GAAe,wB,KAG1B,oCAACY,sBAAAA,aAAaA,CAAAA,CAAC,UAAU,2B,QAG7B,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,UAAU,aAAa,MAAM,Q,SAC3C,oCAACC,sCAAAA,QAAQA,CAAAA,CACP,UAAS,GACT,KAAK,QACL,aAAcX,GAAM,KACpB,SAAUA,EACV,SAAUA,IACRC,EAAQD,GACRJ,IAAWI,EACb,EACA,eAAgB,EAChB,SAAUD,C,OAKpB,C"}
+{"version":3,"file":"components\\date-picker-with-range.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/date-picker-with-range.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react'\r\nimport { format } from 'date-fns'\r\nimport { useState } from 'react'\r\nimport { DateRange } from 'react-day-picker'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\ninterface DatePickerWithRangeProps {\r\n  startDate?: Date\r\n  endDate?: Date\r\n  placeholder?: string\r\n  className?: string\r\n  disabled?: boolean\r\n  onChange?: (date: DateRange | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DatePickerWithRange\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DatePickerWithRange({\r\n  startDate,\r\n  endDate,\r\n  onChange,\r\n  placeholder,\r\n  className,\r\n  disabled = false,\r\n}: DatePickerWithRangeProps) {\r\n  const [date, setDate] = useState<DateRange | undefined>({\r\n    from: startDate,\r\n    to: endDate,\r\n  })\r\n\r\n  const isRangeSelected = date?.from || date?.to\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          id=\"date\"\r\n          variant=\"outline\"\r\n          className={cn(\r\n            'h-12 min-w-60 justify-between overflow-hidden rounded-md px-4 text-left font-normal hover:bg-gray-50',\r\n            !isRangeSelected && 'text-gray-400',\r\n            className\r\n          )}\r\n          disabled={disabled}\r\n        >\r\n          <div>\r\n            {date?.from ? (\r\n              date.to ? (\r\n                <>\r\n                  {format(date.from, 'dd/MM/yyyy')} -{' '}\r\n                  {format(date.to, 'dd/MM/yyyy')}\r\n                </>\r\n              ) : (\r\n                format(date.from, 'dd/MM/yyyy')\r\n              )\r\n            ) : (\r\n              <span>{placeholder || 'Selecione o período'}</span>\r\n            )}\r\n          </div>\r\n          <CalendarBlank className=\"ml-2 size-4 text-gray-600\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n        <Calendar\r\n          autoFocus\r\n          mode=\"range\"\r\n          defaultMonth={date?.from}\r\n          selected={date}\r\n          onSelect={date => {\r\n            setDate(date)\r\n            onChange?.(date)\r\n          }}\r\n          numberOfMonths={2}\r\n          disabled={disabled}\r\n        />\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DatePickerWithRange }\r\n"],"names":["__webpack_require__","e","Object","Symbol","DatePickerWithRange","startDate","endDate","onChange","placeholder","className","disabled","date","setDate","useState","isRangeSelected","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar"],"mappings":";+PAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,KACjC,IAAI,IAAI,KAAO,EACLD,oBAAoB,CAAC,CAAC,EAAY,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACzEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,IAAK,CAAU,CAAC,EAAI,EAGxF,ECNAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,IACpB,oBAAOG,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,ymBCmBA,SAASG,oBAAoB,CAC3BC,UAAAA,CAAS,CACTC,QAAAA,CAAO,CACPC,SAAAA,CAAQ,CACRC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,EAAW,EAAK,CACS,EACzB,GAAM,CAACC,EAAMC,EAAQ,CAAGC,GAAAA,+BAAAA,QAAAA,EAAgC,CACtD,KAAMR,EACN,GAAIC,CACN,GAEMQ,EAAkBH,GAAM,MAAQA,GAAM,GAE5C,MACE,qCAACI,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,UACR,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,uGACA,CAACJ,GAAmB,gBACpBL,GAEF,SAAUC,E,UAEV,oCAAC,O,SACEC,GAAM,KACLA,EAAK,EAAE,CACL,2E,UACGQ,GAAAA,kCAAAA,MAAAA,EAAOR,EAAK,IAAI,CAAE,cAAc,KAAG,IACnCQ,GAAAA,kCAAAA,MAAAA,EAAOR,EAAK,EAAE,CAAE,c,GAGnBQ,GAAAA,kCAAAA,MAAAA,EAAOR,EAAK,IAAI,CAAE,cAGpB,oCAAC,Q,SAAMH,GAAe,wB,KAG1B,oCAACY,sBAAAA,aAAaA,CAAAA,CAAC,UAAU,2B,QAG7B,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,UAAU,aAAa,MAAM,Q,SAC3C,oCAACC,sCAAAA,QAAQA,CAAAA,CACP,UAAS,GACT,KAAK,QACL,aAAcX,GAAM,KACpB,SAAUA,EACV,SAAUA,IACRC,EAAQD,GACRJ,IAAWI,EACb,EACA,eAAgB,EAChB,SAAUD,C,OAKpB,C"}

package/dist/cjs/components/date-picker.cjs

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DatePicker:()=>DatePicker});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_date_fns_namespaceObject=require("date-fns"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_calendar_cjs_namespaceObject=require("./calendar.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs");function DatePicker({date:e,defaultValue:_,placeholder:a,className:r,disabled:t=!1,onChange:c,...n}){let[s,p]=(0,external_react_namespaceObject.useState)(e);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:"date",variant:"secondary",size:"md",className:(0,utils_cjs_namespaceObject.cn)("min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50",!s&&"text-gray-400",r),disabled:t,children:[s?(0,external_date_fns_namespaceObject.format)(s,"dd/MM/yyyy"):(0,jsx_runtime_namespaceObject.jsx)("span",{children:a||"Selecione a data"}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CalendarBlank,{className:"ml-4 size-4 text-gray-600"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",align:"start",children:(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{...n,mode:"single",selected:s??_,onSelect:e=>{p(e),c?.(e)}})})]})}for(var __webpack_i__ in exports.DatePicker=__webpack_exports__.DatePicker,__webpack_exports__)-1===["DatePicker"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DatePicker:()=>DatePicker});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_date_fns_namespaceObject=require("date-fns"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_calendar_cjs_namespaceObject=require("./calendar.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs");function DatePicker({date:e,defaultValue:_,placeholder:a,className:r,disabled:t=!1,onChange:c,...n}){let[s,p]=(0,external_react_namespaceObject.useState)(e);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:"date",variant:"outline",size:"md",className:(0,utils_cjs_namespaceObject.cn)("min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50",!s&&"text-gray-400",r),disabled:t,children:[s?(0,external_date_fns_namespaceObject.format)(s,"dd/MM/yyyy"):(0,jsx_runtime_namespaceObject.jsx)("span",{children:a||"Selecione a data"}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CalendarBlank,{className:"ml-4 size-4 text-gray-600"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",align:"start",children:(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{...n,mode:"single",selected:s??_,onSelect:e=>{p(e),c?.(e)}})})]})}for(var __webpack_i__ in exports.DatePicker=__webpack_exports__.DatePicker,__webpack_exports__)-1===["DatePicker"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=date-picker.cjs.map

package/dist/cjs/components/date-picker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\date-picker.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/date-picker.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react'\r\nimport { format } from 'date-fns'\r\nimport { ComponentProps, useState } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePicker\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DatePicker({\r\n  date,\r\n  defaultValue,\r\n  placeholder,\r\n  className,\r\n  disabled = false,\r\n  onChange,\r\n  ...props\r\n}: ComponentProps<typeof Calendar> & {\r\n  date?: Date\r\n  defaultValue?: Date\r\n  placeholder?: string\r\n  className?: string\r\n  disabled?: boolean\r\n  onChange?: (date: Date | undefined) => void\r\n}) {\r\n  const [currentDate, setCurrentDate] = useState<Date | undefined>(date)\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          id=\"date\"\r\n          variant=\"secondary\"\r\n          size=\"md\"\r\n          className={cn(\r\n            'min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50',\r\n            !currentDate && 'text-gray-400',\r\n            className\r\n          )}\r\n          disabled={disabled}\r\n        >\r\n          {currentDate ? (\r\n            format(currentDate, 'dd/MM/yyyy')\r\n          ) : (\r\n            <span>{placeholder || 'Selecione a data'}</span>\r\n          )}\r\n          <CalendarBlank className=\"ml-4 size-4 text-gray-600\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n        <Calendar\r\n          {...props}\r\n          mode=\"single\"\r\n          selected={currentDate ?? defaultValue}\r\n          onSelect={date => {\r\n            setCurrentDate(date)\r\n            onChange?.(date)\r\n          }}\r\n        />\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DatePicker }\r\n"],"names":["__webpack_require__","e","Object","Symbol","DatePicker","date","defaultValue","placeholder","className","disabled","onChange","props","currentDate","setCurrentDate","useState","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar"],"mappings":";+PAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,KACjC,IAAI,IAAI,KAAO,EACLD,oBAAoB,CAAC,CAAC,EAAY,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACzEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,IAAK,CAAU,CAAC,EAAI,EAGxF,ECNAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,IACpB,oBAAOG,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,ulBCSA,SAASG,WAAW,CAClBC,KAAAA,CAAI,CACJC,aAAAA,CAAY,CACZC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,EAAW,EAAK,CAChBC,SAAAA,CAAQ,CACR,GAAGC,EAQJ,EACC,GAAM,CAACC,EAAaC,EAAe,CAAGC,GAAAA,+BAAAA,QAAAA,EAA2BT,GAEjE,MACE,qCAACU,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,YACR,KAAK,KACL,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,0FACA,CAACN,GAAe,gBAChBJ,GAEF,SAAUC,E,UAETG,EACCO,GAAAA,kCAAAA,MAAAA,EAAOP,EAAa,cAEpB,oCAAC,Q,SAAML,GAAe,kB,GAExB,oCAACa,sBAAAA,aAAaA,CAAAA,CAAC,UAAU,2B,QAG7B,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,UAAU,aAAa,MAAM,Q,SAC3C,oCAACC,sCAAAA,QAAQA,CAAAA,CACN,GAAGX,CAAK,CACT,KAAK,SACL,SAAUC,GAAeN,EACzB,SAAUD,IACRQ,EAAeR,GACfK,IAAWL,EACb,C,OAKV,C"}
+{"version":3,"file":"components\\date-picker.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/date-picker.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react'\r\nimport { format } from 'date-fns'\r\nimport { ComponentProps, useState } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePicker\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DatePicker({\r\n  date,\r\n  defaultValue,\r\n  placeholder,\r\n  className,\r\n  disabled = false,\r\n  onChange,\r\n  ...props\r\n}: ComponentProps<typeof Calendar> & {\r\n  date?: Date\r\n  defaultValue?: Date\r\n  placeholder?: string\r\n  className?: string\r\n  disabled?: boolean\r\n  onChange?: (date: Date | undefined) => void\r\n}) {\r\n  const [currentDate, setCurrentDate] = useState<Date | undefined>(date)\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          id=\"date\"\r\n          variant=\"outline\"\r\n          size=\"md\"\r\n          className={cn(\r\n            'min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50',\r\n            !currentDate && 'text-gray-400',\r\n            className\r\n          )}\r\n          disabled={disabled}\r\n        >\r\n          {currentDate ? (\r\n            format(currentDate, 'dd/MM/yyyy')\r\n          ) : (\r\n            <span>{placeholder || 'Selecione a data'}</span>\r\n          )}\r\n          <CalendarBlank className=\"ml-4 size-4 text-gray-600\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n        <Calendar\r\n          {...props}\r\n          mode=\"single\"\r\n          selected={currentDate ?? defaultValue}\r\n          onSelect={date => {\r\n            setCurrentDate(date)\r\n            onChange?.(date)\r\n          }}\r\n        />\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DatePicker }\r\n"],"names":["__webpack_require__","e","Object","Symbol","DatePicker","date","defaultValue","placeholder","className","disabled","onChange","props","currentDate","setCurrentDate","useState","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar"],"mappings":";+PAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,KACjC,IAAI,IAAI,KAAO,EACLD,oBAAoB,CAAC,CAAC,EAAY,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACzEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,IAAK,CAAU,CAAC,EAAI,EAGxF,ECNAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,IACpB,oBAAOG,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,ulBCSA,SAASG,WAAW,CAClBC,KAAAA,CAAI,CACJC,aAAAA,CAAY,CACZC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,EAAW,EAAK,CAChBC,SAAAA,CAAQ,CACR,GAAGC,EAQJ,EACC,GAAM,CAACC,EAAaC,EAAe,CAAGC,GAAAA,+BAAAA,QAAAA,EAA2BT,GAEjE,MACE,qCAACU,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,UACR,KAAK,KACL,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,0FACA,CAACN,GAAe,gBAChBJ,GAEF,SAAUC,E,UAETG,EACCO,GAAAA,kCAAAA,MAAAA,EAAOP,EAAa,cAEpB,oCAAC,Q,SAAML,GAAe,kB,GAExB,oCAACa,sBAAAA,aAAaA,CAAAA,CAAC,UAAU,2B,QAG7B,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,UAAU,aAAa,MAAM,Q,SAC3C,oCAACC,sCAAAA,QAAQA,CAAAA,CACN,GAAGX,CAAK,CACT,KAAK,SACL,SAAUC,GAAeN,EACzB,SAAUD,IACRQ,EAAeR,GACfK,IAAWL,EACb,C,OAKV,C"}

package/dist/cjs/components/date-time-picker-with-range.cjs

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DateTimePickerWithRange:()=>DateTimePickerWithRange});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),external_date_fns_namespaceObject=require("date-fns"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_calendar_cjs_namespaceObject=require("./calendar.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs"),external_time_picker_cjs_namespaceObject=require("./time-picker.cjs");function DateTimePickerWithRange({startDate:e,endDate:t,onChange:a,placeholder:r,className:_,disabled:c=!1}){let[n,s]=(0,external_react_namespaceObject.useState)({from:e,to:t}),i=e=>{if(!e){s(void 0),a?.(void 0);return}s({from:e.from??n?.from,to:e.to}),a?.({from:e.from??n?.from,to:e.to})};return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:"date",variant:"secondary",className:(0,utils_cjs_namespaceObject.cn)("h-12 min-w-96 justify-between px-4 text-left font-normal",!n?.from&&!n?.to&&"text-gray-400",_),disabled:c,children:[n?.from?n.to?`${(0,external_date_fns_namespaceObject.format)(n.from,"dd/MM/yyyy HH:mm")} - ${(0,external_date_fns_namespaceObject.format)(n.to,"dd/MM/yyyy HH:mm")}`:(0,external_date_fns_namespaceObject.format)(n.from,"dd/MM/yyyy HH:mm"):(0,jsx_runtime_namespaceObject.jsx)("span",{children:r||"Selecione o per\xedodo"}),(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.CalendarBlank,{size:20,className:"ml-2 text-gray-600"})]})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",children:[(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{mode:"range",selected:n,onSelect:i,numberOfMonths:2}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex flex-col border-stroke border-t p-3",children:(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex justify-between gap-4",children:[(0,jsx_runtime_namespaceObject.jsx)(external_time_picker_cjs_namespaceObject.TimePicker,{onTimeChange:e=>i({...n,from:e}),date:n?.from}),(0,jsx_runtime_namespaceObject.jsx)(external_time_picker_cjs_namespaceObject.TimePicker,{onTimeChange:e=>i({...n,to:e}),date:n?.to})]})}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex flex-1 justify-center",children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"secondary",className:"flex h-12 flex-1",onClick:()=>i(void 0),children:[(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.X,{size:12})," Clear"]})})]})]})}for(var __webpack_i__ in exports.DateTimePickerWithRange=__webpack_exports__.DateTimePickerWithRange,__webpack_exports__)-1===["DateTimePickerWithRange"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DateTimePickerWithRange:()=>DateTimePickerWithRange});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),external_date_fns_namespaceObject=require("date-fns"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_calendar_cjs_namespaceObject=require("./calendar.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs"),external_time_picker_cjs_namespaceObject=require("./time-picker.cjs");function DateTimePickerWithRange({startDate:e,endDate:t,onChange:a,placeholder:r,className:_,disabled:c=!1}){let[n,s]=(0,external_react_namespaceObject.useState)({from:e,to:t}),i=e=>{if(!e){s(void 0),a?.(void 0);return}s({from:e.from??n?.from,to:e.to}),a?.({from:e.from??n?.from,to:e.to})};return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:"date",variant:"outline",className:(0,utils_cjs_namespaceObject.cn)("h-12 min-w-96 justify-between px-4 text-left font-normal",!n?.from&&!n?.to&&"text-gray-400",_),disabled:c,children:[n?.from?n.to?`${(0,external_date_fns_namespaceObject.format)(n.from,"dd/MM/yyyy HH:mm")} - ${(0,external_date_fns_namespaceObject.format)(n.to,"dd/MM/yyyy HH:mm")}`:(0,external_date_fns_namespaceObject.format)(n.from,"dd/MM/yyyy HH:mm"):(0,jsx_runtime_namespaceObject.jsx)("span",{children:r||"Selecione o per\xedodo"}),(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.CalendarBlank,{size:20,className:"ml-2 text-gray-600"})]})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",children:[(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{mode:"range",selected:n,onSelect:i,numberOfMonths:2}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex flex-col border-stroke border-t p-3",children:(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex justify-between gap-4",children:[(0,jsx_runtime_namespaceObject.jsx)(external_time_picker_cjs_namespaceObject.TimePicker,{onTimeChange:e=>i({...n,from:e}),date:n?.from}),(0,jsx_runtime_namespaceObject.jsx)(external_time_picker_cjs_namespaceObject.TimePicker,{onTimeChange:e=>i({...n,to:e}),date:n?.to})]})}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex flex-1 justify-center",children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"outline",className:"flex h-12 flex-1",onClick:()=>i(void 0),children:[(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.X,{size:12})," Clear"]})})]})]})}for(var __webpack_i__ in exports.DateTimePickerWithRange=__webpack_exports__.DateTimePickerWithRange,__webpack_exports__)-1===["DateTimePickerWithRange"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=date-time-picker-with-range.cjs.map

package/dist/cjs/components/date-time-picker-with-range.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\date-time-picker-with-range.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/date-time-picker-with-range.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport { CalendarBlank, X } from '@phosphor-icons/react/dist/ssr'\r\nimport { format } from 'date-fns'\r\nimport { useState } from 'react'\r\nimport { DateRange } from 'react-day-picker'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\nimport { TimePicker } from './time-picker'\r\n\r\ninterface DateTimePickerWithRangeProps {\r\n  startDate?: Date\r\n  endDate?: Date\r\n  placeholder?: string\r\n  className?: string\r\n  disabled?: boolean\r\n  onChange?: (date: DateRange | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePickerWithRange\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DateTimePickerWithRange({\r\n  startDate,\r\n  endDate,\r\n  onChange,\r\n  placeholder,\r\n  className,\r\n  disabled = false,\r\n}: DateTimePickerWithRangeProps) {\r\n  const [dateRange, setDateRange] = useState<DateRange | undefined>({\r\n    from: startDate,\r\n    to: endDate,\r\n  })\r\n\r\n  const handleDateChange = (newRange: Partial<DateRange> | undefined) => {\r\n    if (!newRange) {\r\n      setDateRange(undefined)\r\n      onChange?.(undefined)\r\n      return\r\n    }\r\n\r\n    setDateRange({\r\n      from: newRange.from ?? dateRange?.from,\r\n      to: newRange.to,\r\n    })\r\n    onChange?.({\r\n      from: newRange.from ?? dateRange?.from,\r\n      to: newRange.to,\r\n    })\r\n  }\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          id=\"date\"\r\n          variant=\"secondary\"\r\n          className={cn(\r\n            'h-12 min-w-96 justify-between px-4 text-left font-normal',\r\n            !dateRange?.from && !dateRange?.to && 'text-gray-400',\r\n            className\r\n          )}\r\n          disabled={disabled}\r\n        >\r\n          {dateRange?.from ? (\r\n            dateRange.to ? (\r\n              `${format(dateRange.from, 'dd/MM/yyyy HH:mm')} - ${format(dateRange.to, 'dd/MM/yyyy HH:mm')}`\r\n            ) : (\r\n              format(dateRange.from, 'dd/MM/yyyy HH:mm')\r\n            )\r\n          ) : (\r\n            <span>{placeholder || 'Selecione o período'}</span>\r\n          )}\r\n          <CalendarBlank size={20} className=\"ml-2 text-gray-600\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\">\r\n        <Calendar\r\n          mode=\"range\"\r\n          selected={dateRange}\r\n          onSelect={handleDateChange}\r\n          numberOfMonths={2}\r\n        />\r\n        <div className=\"flex flex-col border-stroke border-t p-3\">\r\n          <div className=\"flex justify-between gap-4\">\r\n            <TimePicker\r\n              onTimeChange={date =>\r\n                handleDateChange({ ...dateRange, from: date })\r\n              }\r\n              date={dateRange?.from}\r\n            />\r\n            <TimePicker\r\n              onTimeChange={date =>\r\n                handleDateChange({ ...dateRange, to: date })\r\n              }\r\n              date={dateRange?.to}\r\n            />\r\n          </div>\r\n        </div>\r\n        <div className=\"flex flex-1 justify-center\">\r\n          <Button\r\n            variant=\"secondary\"\r\n            className=\"flex h-12 flex-1\"\r\n            onClick={() => handleDateChange(undefined)}\r\n          >\r\n            <X size={12} /> Clear\r\n          </Button>\r\n        </div>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DateTimePickerWithRange }\r\n"],"names":["__webpack_require__","e","Object","Symbol","DateTimePickerWithRange","startDate","endDate","onChange","placeholder","className","disabled","dateRange","setDateRange","useState","handleDateChange","newRange","undefined","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar","TimePicker","date","X"],"mappings":";+PAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,KACjC,IAAI,IAAI,KAAO,EACLD,oBAAoB,CAAC,CAAC,EAAY,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACzEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,IAAK,CAAU,CAAC,EAAI,EAGxF,ECNAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,IACpB,oBAAOG,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,8rBCoBA,SAASG,wBAAwB,CAC/BC,UAAAA,CAAS,CACTC,QAAAA,CAAO,CACPC,SAAAA,CAAQ,CACRC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,EAAW,EAAK,CACa,EAC7B,GAAM,CAACC,EAAWC,EAAa,CAAGC,GAAAA,+BAAAA,QAAAA,EAAgC,CAChE,KAAMR,EACN,GAAIC,CACN,GAEMQ,EAAmB,IACvB,GAAI,CAACC,EAAU,CACbH,EAAaI,QACbT,IAAWS,QACX,MACF,CAEAJ,EAAa,CACX,KAAMG,EAAS,IAAI,EAAIJ,GAAW,KAClC,GAAII,EAAS,EAAE,GAEjBR,IAAW,CACT,KAAMQ,EAAS,IAAI,EAAIJ,GAAW,KAClC,GAAII,EAAS,EAAE,EAEnB,EAEA,MACE,qCAACE,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,YACR,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,2DACA,CAACT,GAAW,MAAQ,CAACA,GAAW,IAAM,gBACtCF,GAEF,SAAUC,E,UAETC,GAAW,KACVA,EAAU,EAAE,CACV,CAAC,EAAEU,GAAAA,kCAAAA,MAAAA,EAAOV,EAAU,IAAI,CAAE,oBAAoB,GAAG,EAAEU,GAAAA,kCAAAA,MAAAA,EAAOV,EAAU,EAAE,CAAE,oBAAoB,CAAC,CAE7FU,GAAAA,kCAAAA,MAAAA,EAAOV,EAAU,IAAI,CAAE,oBAGzB,oCAAC,Q,SAAMH,GAAe,wB,GAExB,oCAACc,oBAAAA,aAAaA,CAAAA,CAAC,KAAM,GAAI,UAAU,oB,QAGvC,qCAACC,qCAAAA,cAAcA,CAAAA,CAAC,UAAU,a,UACxB,oCAACC,sCAAAA,QAAQA,CAAAA,CACP,KAAK,QACL,SAAUb,EACV,SAAUG,EACV,eAAgB,C,GAElB,oCAAC,OAAI,UAAU,2C,SACb,qCAAC,OAAI,UAAU,6B,UACb,oCAACW,yCAAAA,UAAUA,CAAAA,CACT,aAAcC,GACZZ,EAAiB,CAAE,GAAGH,CAAS,CAAE,KAAMe,CAAK,GAE9C,KAAMf,GAAW,I,GAEnB,oCAACc,yCAAAA,UAAUA,CAAAA,CACT,aAAcC,GACZZ,EAAiB,CAAE,GAAGH,CAAS,CAAE,GAAIe,CAAK,GAE5C,KAAMf,GAAW,E,QAIvB,oCAAC,OAAI,UAAU,6B,SACb,qCAACQ,oCAAAA,MAAMA,CAAAA,CACL,QAAQ,YACR,UAAU,mBACV,QAAS,IAAML,EAAiBE,Q,UAEhC,oCAACW,oBAAAA,CAACA,CAAAA,CAAC,KAAM,E,GAAM,S,UAM3B,C"}
+{"version":3,"file":"components\\date-time-picker-with-range.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/date-time-picker-with-range.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport { CalendarBlank, X } from '@phosphor-icons/react/dist/ssr'\r\nimport { format } from 'date-fns'\r\nimport { useState } from 'react'\r\nimport { DateRange } from 'react-day-picker'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\nimport { TimePicker } from './time-picker'\r\n\r\ninterface DateTimePickerWithRangeProps {\r\n  startDate?: Date\r\n  endDate?: Date\r\n  placeholder?: string\r\n  className?: string\r\n  disabled?: boolean\r\n  onChange?: (date: DateRange | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePickerWithRange\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DateTimePickerWithRange({\r\n  startDate,\r\n  endDate,\r\n  onChange,\r\n  placeholder,\r\n  className,\r\n  disabled = false,\r\n}: DateTimePickerWithRangeProps) {\r\n  const [dateRange, setDateRange] = useState<DateRange | undefined>({\r\n    from: startDate,\r\n    to: endDate,\r\n  })\r\n\r\n  const handleDateChange = (newRange: Partial<DateRange> | undefined) => {\r\n    if (!newRange) {\r\n      setDateRange(undefined)\r\n      onChange?.(undefined)\r\n      return\r\n    }\r\n\r\n    setDateRange({\r\n      from: newRange.from ?? dateRange?.from,\r\n      to: newRange.to,\r\n    })\r\n    onChange?.({\r\n      from: newRange.from ?? dateRange?.from,\r\n      to: newRange.to,\r\n    })\r\n  }\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          id=\"date\"\r\n          variant=\"outline\"\r\n          className={cn(\r\n            'h-12 min-w-96 justify-between px-4 text-left font-normal',\r\n            !dateRange?.from && !dateRange?.to && 'text-gray-400',\r\n            className\r\n          )}\r\n          disabled={disabled}\r\n        >\r\n          {dateRange?.from ? (\r\n            dateRange.to ? (\r\n              `${format(dateRange.from, 'dd/MM/yyyy HH:mm')} - ${format(dateRange.to, 'dd/MM/yyyy HH:mm')}`\r\n            ) : (\r\n              format(dateRange.from, 'dd/MM/yyyy HH:mm')\r\n            )\r\n          ) : (\r\n            <span>{placeholder || 'Selecione o período'}</span>\r\n          )}\r\n          <CalendarBlank size={20} className=\"ml-2 text-gray-600\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\">\r\n        <Calendar\r\n          mode=\"range\"\r\n          selected={dateRange}\r\n          onSelect={handleDateChange}\r\n          numberOfMonths={2}\r\n        />\r\n        <div className=\"flex flex-col border-stroke border-t p-3\">\r\n          <div className=\"flex justify-between gap-4\">\r\n            <TimePicker\r\n              onTimeChange={date =>\r\n                handleDateChange({ ...dateRange, from: date })\r\n              }\r\n              date={dateRange?.from}\r\n            />\r\n            <TimePicker\r\n              onTimeChange={date =>\r\n                handleDateChange({ ...dateRange, to: date })\r\n              }\r\n              date={dateRange?.to}\r\n            />\r\n          </div>\r\n        </div>\r\n        <div className=\"flex flex-1 justify-center\">\r\n          <Button\r\n            variant=\"outline\"\r\n            className=\"flex h-12 flex-1\"\r\n            onClick={() => handleDateChange(undefined)}\r\n          >\r\n            <X size={12} /> Clear\r\n          </Button>\r\n        </div>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DateTimePickerWithRange }\r\n"],"names":["__webpack_require__","e","Object","Symbol","DateTimePickerWithRange","startDate","endDate","onChange","placeholder","className","disabled","dateRange","setDateRange","useState","handleDateChange","newRange","undefined","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar","TimePicker","date","X"],"mappings":";+PAAAA,CAAAA,oBAAoB,CAAC,CAAG,CAACC,EAAS,KACjC,IAAI,IAAI,KAAO,EACLD,oBAAoB,CAAC,CAAC,EAAY,IAAQ,CAACA,oBAAoB,CAAC,CAACC,EAAS,IACzEC,OAAO,cAAc,CAACD,EAAS,EAAK,CAAE,WAAY,GAAM,IAAK,CAAU,CAAC,EAAI,EAGxF,ECNAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,IACpB,oBAAOG,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAACD,EAASE,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAACD,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E,8rBCoBA,SAASG,wBAAwB,CAC/BC,UAAAA,CAAS,CACTC,QAAAA,CAAO,CACPC,SAAAA,CAAQ,CACRC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,EAAW,EAAK,CACa,EAC7B,GAAM,CAACC,EAAWC,EAAa,CAAGC,GAAAA,+BAAAA,QAAAA,EAAgC,CAChE,KAAMR,EACN,GAAIC,CACN,GAEMQ,EAAmB,IACvB,GAAI,CAACC,EAAU,CACbH,EAAaI,QACbT,IAAWS,QACX,MACF,CAEAJ,EAAa,CACX,KAAMG,EAAS,IAAI,EAAIJ,GAAW,KAClC,GAAII,EAAS,EAAE,GAEjBR,IAAW,CACT,KAAMQ,EAAS,IAAI,EAAIJ,GAAW,KAClC,GAAII,EAAS,EAAE,EAEnB,EAEA,MACE,qCAACE,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,UACR,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,2DACA,CAACT,GAAW,MAAQ,CAACA,GAAW,IAAM,gBACtCF,GAEF,SAAUC,E,UAETC,GAAW,KACVA,EAAU,EAAE,CACV,CAAC,EAAEU,GAAAA,kCAAAA,MAAAA,EAAOV,EAAU,IAAI,CAAE,oBAAoB,GAAG,EAAEU,GAAAA,kCAAAA,MAAAA,EAAOV,EAAU,EAAE,CAAE,oBAAoB,CAAC,CAE7FU,GAAAA,kCAAAA,MAAAA,EAAOV,EAAU,IAAI,CAAE,oBAGzB,oCAAC,Q,SAAMH,GAAe,wB,GAExB,oCAACc,oBAAAA,aAAaA,CAAAA,CAAC,KAAM,GAAI,UAAU,oB,QAGvC,qCAACC,qCAAAA,cAAcA,CAAAA,CAAC,UAAU,a,UACxB,oCAACC,sCAAAA,QAAQA,CAAAA,CACP,KAAK,QACL,SAAUb,EACV,SAAUG,EACV,eAAgB,C,GAElB,oCAAC,OAAI,UAAU,2C,SACb,qCAAC,OAAI,UAAU,6B,UACb,oCAACW,yCAAAA,UAAUA,CAAAA,CACT,aAAcC,GACZZ,EAAiB,CAAE,GAAGH,CAAS,CAAE,KAAMe,CAAK,GAE9C,KAAMf,GAAW,I,GAEnB,oCAACc,yCAAAA,UAAUA,CAAAA,CACT,aAAcC,GACZZ,EAAiB,CAAE,GAAGH,CAAS,CAAE,GAAIe,CAAK,GAE5C,KAAMf,GAAW,E,QAIvB,oCAAC,OAAI,UAAU,6B,SACb,qCAACQ,oCAAAA,MAAMA,CAAAA,CACL,QAAQ,UACR,UAAU,mBACV,QAAS,IAAML,EAAiBE,Q,UAEhC,oCAACW,oBAAAA,CAACA,CAAAA,CAAC,KAAM,E,GAAM,S,UAM3B,C"}

package/dist/cjs/components/datetime-picker/datetime-picker.cjs

@@ -1,2 +1,2 @@
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DateTimePicker:()=>DateTimePicker});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_date_fns_namespaceObject=require("date-fns"),locale_namespaceObject=require("date-fns/locale"),external_react_namespaceObject=require("react"),external_react_day_picker_namespaceObject=require("react-day-picker"),external_month_year_picker_cjs_namespaceObject=require("./month-year-picker.cjs"),external_time_item_cjs_namespaceObject=require("./time-item.cjs"),external_button_cjs_namespaceObject=require("../button.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),index_cjs_namespaceObject=require("../../lib/index.cjs"),external_calendar_cjs_namespaceObject=require("../calendar.cjs"),external_scroll_area_cjs_namespaceObject=require("../scroll-area.cjs"),AM_VALUE=0,PM_VALUE=1;function DateTimePicker({value:e,onChange:a,min:t,max:c,timezone:s,hideTime:n,use12HourFormat:r=!1,disabled:_,clearable:l,classNames:m,timePicker:i,modal:j=!1,variant:o="secondary",size:p="md",hasCalendarIcon:u=!0,...b}){let[x,d]=(0,external_react_namespaceObject.useState)(!1),[O,f]=(0,external_react_namespaceObject.useState)(!1),h=(0,external_react_namespaceObject.useMemo)(()=>new external_react_day_picker_namespaceObject.TZDate(e||new Date,s),[e,s]),[v,g]=(0,external_react_namespaceObject.useState)(h),[y,M]=(0,external_react_namespaceObject.useState)(h),k=(0,external_react_namespaceObject.useMemo)(()=>(0,external_date_fns_namespaceObject.setYear)(v,(0,external_date_fns_namespaceObject.getYear)(v)+1),[v]),S=(0,external_react_namespaceObject.useMemo)(()=>t?new external_react_day_picker_namespaceObject.TZDate(t,s):void 0,[t,s]),w=(0,external_react_namespaceObject.useMemo)(()=>c?new external_react_day_picker_namespaceObject.TZDate(c,s):void 0,[c,s]),N=(0,external_react_namespaceObject.useCallback)(e=>{e.setHours(y.getHours(),y.getMinutes(),y.getSeconds()),t&&e<t&&e.setHours(t.getHours(),t.getMinutes(),t.getSeconds()),c&&e>c&&e.setHours(c.getHours(),c.getMinutes(),c.getSeconds()),M(e)},[M,g]),C=(0,external_react_namespaceObject.useCallback)(()=>{a(new Date(y)),d(!1)},[y,a]),T=(0,external_react_namespaceObject.useCallback)((e,a)=>{g(e),"year"===a?f("month"):f(!1)},[g,f]),P=(0,external_react_namespaceObject.useCallback)(()=>{g((0,external_date_fns_namespaceObject.addMonths)(v,1))},[v]),H=(0,external_react_namespaceObject.useCallback)(()=>{g((0,external_date_fns_namespaceObject.subMonths)(v,1))},[v]);(0,external_react_namespaceObject.useEffect)(()=>{x&&(M(h),g(h),f(!1))},[x,h]);let q=(0,external_react_namespaceObject.useMemo)(()=>x||e?x?y:h:e,[y,e,x]),I=(0,external_react_namespaceObject.useMemo)(()=>q?(0,external_date_fns_namespaceObject.format)(q,"dd/MM/yyyy"+(n?"":" HH:mm")):"Selecione uma data",[q,n,r]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:x,onOpenChange:d,modal:j,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{disabled:_,asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,index_cjs_namespaceObject.cn)((0,external_button_cjs_namespaceObject.buttonVariants)({variant:o,size:p}),"ps-3 pe-1",!q&&"text-muted-foreground",(!l||!e)&&"pe-3",m?.trigger),children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-grow items-center",children:[u&&(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CalendarBlankIcon,{className:"mr-2 size-4"}),I]}),l&&e&&(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{disabled:_,variant:"ghost",size:"sm","aria-label":"Clear date",className:"ms-1 size-6 p-1",onClick:e=>{e.stopPropagation(),e.preventDefault(),a(void 0),d(!1)},children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XIcon,{className:"size-4"})})]})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-2",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center justify-between",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"ms-2 flex cursor-pointer items-center font-bold text-md",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{children:[(0,jsx_runtime_namespaceObject.jsx)("button",{type:"button",onClick:()=>f("month"!==O&&"month"),children:(0,external_date_fns_namespaceObject.format)(v,"MMMM",{locale:locale_namespaceObject.ptBR}).charAt(0).toUpperCase()+(0,external_date_fns_namespaceObject.format)(v,"MMMM",{locale:locale_namespaceObject.ptBR}).slice(1)}),(0,jsx_runtime_namespaceObject.jsx)("button",{type:"button",className:"ms-1",onClick:()=>f("year"!==O&&"year"),children:(0,external_date_fns_namespaceObject.format)(v,"yyyy")})]}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"ghost",size:"icon",className:"ml-1 size-6",onClick:()=>f(!O&&"year"),children:O?(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUpIcon,{}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDownIcon,{})})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,index_cjs_namespaceObject.cn)("flex space-x-2",O?"hidden":""),children:[(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"ghost",size:"icon",onClick:H,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretLeftIcon,{})}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"ghost",size:"icon",onClick:P,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretRightIcon,{})})]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative overflow-hidden",children:[(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{mode:"single",timeZone:s,selected:y,onSelect:e=>e&&N(e),month:v,endMonth:k,disabled:[c?{after:c}:null,t?{before:t}:null].filter(Boolean),onMonthChange:g,showOutsideDays:!0,classNames:{[external_react_day_picker_namespaceObject.UI.Root]:"py-2 px-0",[external_react_day_picker_namespaceObject.UI.MonthCaption]:"hidden",[external_react_day_picker_namespaceObject.UI.NextMonthButton]:"hidden",[external_react_day_picker_namespaceObject.UI.PreviousMonthButton]:"hidden"},...b}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,index_cjs_namespaceObject.cn)("absolute top-0 right-0 bottom-0 left-0",O?"bg-background":"hidden")}),(0,jsx_runtime_namespaceObject.jsx)(external_month_year_picker_cjs_namespaceObject.MonthYearPicker,{value:v,mode:O,onChange:T,minDate:S,maxDate:w,className:(0,index_cjs_namespaceObject.cn)("absolute top-0 right-0 bottom-0 left-0",O?"":"hidden")})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-col gap-2",children:[!n&&(0,jsx_runtime_namespaceObject.jsx)(TimePicker,{timePicker:i,value:y,onChange:M,use12HourFormat:r,min:S,max:w}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-row-reverse items-center justify-between",children:[(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{className:"ms-2 h-7 px-2 text-sm",onClick:C,children:"Salvar"}),s&&(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"text-sm",children:[(0,jsx_runtime_namespaceObject.jsx)("span",{children:"Timezone:"}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"ms-1 font-semibold",children:s})]})]})]})]})]})}function TimePicker({value:e,onChange:a,use12HourFormat:t,min:c,max:s,timePicker:n}){let r=(0,external_react_namespaceObject.useMemo)(()=>t?"yyyy-MM-dd hh:mm:ss.SSS a xxxx":"yyyy-MM-dd HH:mm:ss.SSS xxxx",[t]),[_,l]=(0,external_react_namespaceObject.useState)(+("AM"!==(0,external_date_fns_namespaceObject.format)(e,"a"))),[m,i]=(0,external_react_namespaceObject.useState)(t?+(0,external_date_fns_namespaceObject.format)(e,"hh"):e.getHours()),[j,o]=(0,external_react_namespaceObject.useState)(e.getMinutes()),[p,u]=(0,external_react_namespaceObject.useState)(e.getSeconds());(0,external_react_namespaceObject.useEffect)(()=>{a(buildTime({use12HourFormat:t,value:e,formatStr:r,hour:m,minute:j,second:p,ampm:_}))},[m,j,p,_,r,t]);let b=(0,external_react_namespaceObject.useMemo)(()=>t?m%12+12*_:m,[e,t,_]),x=(0,external_react_namespaceObject.useMemo)(()=>Array.from({length:t?12:24},(a,n)=>{let r=!1,l=t&&0===n?12:n,m=(0,external_date_fns_namespaceObject.setHours)(e,t?n+12*_:n),i=(0,external_date_fns_namespaceObject.startOfHour)(m),j=(0,external_date_fns_namespaceObject.endOfHour)(m);return c&&j<c&&(r=!0),s&&i>s&&(r=!0),{value:l,label:l.toString().padStart(2,"0"),disabled:r}}),[e,c,s,t,_]),d=(0,external_react_namespaceObject.useMemo)(()=>{let a=(0,external_date_fns_namespaceObject.setHours)(e,b);return Array.from({length:60},(e,t)=>{let n=!1,r=(0,external_date_fns_namespaceObject.setMinutes)(a,t),_=(0,external_date_fns_namespaceObject.startOfMinute)(r),l=(0,external_date_fns_namespaceObject.endOfMinute)(r);return c&&l<c&&(n=!0),s&&_>s&&(n=!0),{value:t,label:t.toString().padStart(2,"0"),disabled:n}})},[e,c,s,b]),O=(0,external_react_namespaceObject.useMemo)(()=>{let a=(0,external_date_fns_namespaceObject.setMilliseconds)((0,external_date_fns_namespaceObject.setMinutes)((0,external_date_fns_namespaceObject.setHours)(e,b),j),0),t=c?(0,external_date_fns_namespaceObject.setMilliseconds)(c,0):void 0,n=s?(0,external_date_fns_namespaceObject.setMilliseconds)(s,0):void 0;return Array.from({length:60},(e,c)=>{let s=!1,r=(0,external_date_fns_namespaceObject.setSeconds)(a,c);return t&&r<t&&(s=!0),n&&r>n&&(s=!0),{value:c,label:c.toString().padStart(2,"0"),disabled:s}})},[e,j,c,s,b]),f=(0,external_react_namespaceObject.useMemo)(()=>{let a=(0,external_date_fns_namespaceObject.startOfDay)(e),t=(0,external_date_fns_namespaceObject.endOfDay)(e);return[{value:0,label:"AM"},{value:1,label:"PM"}].map(e=>{let n=!1,r=(0,external_date_fns_namespaceObject.addHours)(a,12*e.value),_=(0,external_date_fns_namespaceObject.subHours)(t,(1-e.value)*12);return c&&_<c&&(n=!0),s&&r>s&&(n=!0),{...e,disabled:n}})},[e,c,s]),[h,v]=(0,external_react_namespaceObject.useState)(!1),g=(0,external_react_namespaceObject.useRef)(null),y=(0,external_react_namespaceObject.useRef)(null),M=(0,external_react_namespaceObject.useRef)(null);(0,external_react_namespaceObject.useEffect)(()=>{let e=setTimeout(()=>{h&&(g.current?.scrollIntoView({behavior:"auto"}),y.current?.scrollIntoView({behavior:"auto"}),M.current?.scrollIntoView({behavior:"auto"}))},1);return()=>clearTimeout(e)},[h]);let k=(0,external_react_namespaceObject.useCallback)(a=>{c&&buildTime({use12HourFormat:t,value:e,formatStr:r,hour:a.value,minute:j,second:p,ampm:_})<c&&(o(c.getMinutes()),u(c.getSeconds())),s&&buildTime({use12HourFormat:t,value:e,formatStr:r,hour:a.value,minute:j,second:p,ampm:_})>s&&(o(s.getMinutes()),u(s.getSeconds())),i(a.value)},[i,t,e,r,j,p,_]),S=(0,external_react_namespaceObject.useCallback)(a=>{if(c&&buildTime({use12HourFormat:t,value:e,formatStr:r,hour:a.value,minute:j,second:p,ampm:_})<c&&u(c.getSeconds()),s){let c=buildTime({use12HourFormat:t,value:e,formatStr:r,hour:a.value,minute:j,second:p,ampm:_});c>s&&u(c.getSeconds())}o(a.value)},[o,t,e,r,m,p,_]),w=(0,external_react_namespaceObject.useCallback)(a=>{if(c&&buildTime({use12HourFormat:t,value:e,formatStr:r,hour:m,minute:j,second:p,ampm:a.value})<c){let e=c.getHours()%12;i(0===e?12:e),o(c.getMinutes()),u(c.getSeconds())}if(s&&buildTime({use12HourFormat:t,value:e,formatStr:r,hour:m,minute:j,second:p,ampm:a.value})>s){let e=s.getHours()%12;i(0===e?12:e),o(s.getMinutes()),u(s.getSeconds())}l(a.value)},[l,t,e,r,m,j,p,c,s]),N=(0,external_react_namespaceObject.useMemo)(()=>{let a=[];for(let e of["hour","minute","second"])(!n||n[e])&&("hour"===e?a.push(t?"hh":"HH"):a.push("minute"===e?"mm":"ss"));return(0,external_date_fns_namespaceObject.format)(e,a.join(":")+(t?" a":""))},[e,t,n]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:h,onOpenChange:v,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"secondary",size:"sm","aria-expanded":h,className:"justify-between font-mono",children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.ClockIcon,{className:"mr-2 size-4"}),N,(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDownIcon,{className:"ml-2 size-4 shrink-0 opacity-50"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"p-0",side:"top",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex-col gap-2 p-2",children:(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex h-56 grow",children:[(!n||n.hour)&&(0,jsx_runtime_namespaceObject.jsx)(external_scroll_area_cjs_namespaceObject.ScrollArea,{className:"h-full flex-grow",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex grow flex-col items-stretch overflow-y-auto pe-2 pb-48",children:x.map(e=>(0,jsx_runtime_namespaceObject.jsx)("div",{ref:e.value===m?g:void 0,children:(0,jsx_runtime_namespaceObject.jsx)(external_time_item_cjs_namespaceObject.TimeItem,{option:e,selected:e.value===m,onSelect:k,className:"h-8",disabled:e.disabled})},e.value))})}),(!n||n.minute)&&(0,jsx_runtime_namespaceObject.jsx)(external_scroll_area_cjs_namespaceObject.ScrollArea,{className:"h-full flex-grow",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex grow flex-col items-stretch overflow-y-auto pe-2 pb-48",children:d.map(e=>(0,jsx_runtime_namespaceObject.jsx)("div",{ref:e.value===j?y:void 0,children:(0,jsx_runtime_namespaceObject.jsx)(external_time_item_cjs_namespaceObject.TimeItem,{option:e,selected:e.value===j,onSelect:S,className:"h-8",disabled:e.disabled})},e.value))})}),(!n||n.second)&&(0,jsx_runtime_namespaceObject.jsx)(external_scroll_area_cjs_namespaceObject.ScrollArea,{className:"h-full flex-grow",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex grow flex-col items-stretch overflow-y-auto pe-2 pb-48",children:O.map(e=>(0,jsx_runtime_namespaceObject.jsx)("div",{ref:e.value===p?M:void 0,children:(0,jsx_runtime_namespaceObject.jsx)(external_time_item_cjs_namespaceObject.TimeItem,{option:e,selected:e.value===p,onSelect:e=>u(e.value),className:"h-8",disabled:e.disabled})},e.value))})}),t&&(0,jsx_runtime_namespaceObject.jsx)(external_scroll_area_cjs_namespaceObject.ScrollArea,{className:"h-full flex-grow",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex grow flex-col items-stretch overflow-y-auto pe-2",children:f.map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_time_item_cjs_namespaceObject.TimeItem,{option:e,selected:e.value===_,onSelect:w,className:"h-8",disabled:e.disabled},e.value))})})]})})})]})}function buildTime(e){let a,{use12HourFormat:t,value:c,formatStr:s,hour:n,minute:r,second:_,ampm:l}=e;if(t){let e=(0,external_date_fns_namespaceObject.format)(c,s),t=e.slice(0,11)+n.toString().padStart(2,"0")+e.slice(13);t=(t=(t=t.slice(0,14)+r.toString().padStart(2,"0")+t.slice(16)).slice(0,17)+_.toString().padStart(2,"0")+t.slice(19)).slice(0,24)+(0===l?"AM":"PM")+t.slice(26),a=(0,external_date_fns_namespaceObject.parse)(t,s,c)}else a=(0,external_date_fns_namespaceObject.setHours)((0,external_date_fns_namespaceObject.setMinutes)((0,external_date_fns_namespaceObject.setSeconds)(c,_),r),n);return a}for(var __webpack_i__ in exports.DateTimePicker=__webpack_exports__.DateTimePicker,__webpack_exports__)-1===["DateTimePicker"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DateTimePicker:()=>DateTimePicker});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_date_fns_namespaceObject=require("date-fns"),locale_namespaceObject=require("date-fns/locale"),external_react_namespaceObject=require("react"),external_react_day_picker_namespaceObject=require("react-day-picker"),external_month_year_picker_cjs_namespaceObject=require("./month-year-picker.cjs"),external_time_item_cjs_namespaceObject=require("./time-item.cjs"),external_button_cjs_namespaceObject=require("../button.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),index_cjs_namespaceObject=require("../../lib/index.cjs"),external_calendar_cjs_namespaceObject=require("../calendar.cjs"),external_scroll_area_cjs_namespaceObject=require("../scroll-area.cjs"),AM_VALUE=0,PM_VALUE=1;function DateTimePicker({value:e,onChange:a,min:t,max:c,timezone:s,hideTime:n,use12HourFormat:r=!1,disabled:_,clearable:l,classNames:m,timePicker:i,modal:j=!1,variant:o="outline",size:p="md",hasCalendarIcon:u=!0,...b}){let[x,d]=(0,external_react_namespaceObject.useState)(!1),[O,f]=(0,external_react_namespaceObject.useState)(!1),h=(0,external_react_namespaceObject.useMemo)(()=>new external_react_day_picker_namespaceObject.TZDate(e||new Date,s),[e,s]),[v,g]=(0,external_react_namespaceObject.useState)(h),[M,y]=(0,external_react_namespaceObject.useState)(h),k=(0,external_react_namespaceObject.useMemo)(()=>(0,external_date_fns_namespaceObject.setYear)(v,(0,external_date_fns_namespaceObject.getYear)(v)+1),[v]),S=(0,external_react_namespaceObject.useMemo)(()=>t?new external_react_day_picker_namespaceObject.TZDate(t,s):void 0,[t,s]),w=(0,external_react_namespaceObject.useMemo)(()=>c?new external_react_day_picker_namespaceObject.TZDate(c,s):void 0,[c,s]),N=(0,external_react_namespaceObject.useCallback)(e=>{e.setHours(M.getHours(),M.getMinutes(),M.getSeconds()),t&&e<t&&e.setHours(t.getHours(),t.getMinutes(),t.getSeconds()),c&&e>c&&e.setHours(c.getHours(),c.getMinutes(),c.getSeconds()),y(e)},[y,g]),C=(0,external_react_namespaceObject.useCallback)(()=>{a(new Date(M)),d(!1)},[M,a]),T=(0,external_react_namespaceObject.useCallback)((e,a)=>{g(e),"year"===a?f("month"):f(!1)},[g,f]),P=(0,external_react_namespaceObject.useCallback)(()=>{g((0,external_date_fns_namespaceObject.addMonths)(v,1))},[v]),H=(0,external_react_namespaceObject.useCallback)(()=>{g((0,external_date_fns_namespaceObject.subMonths)(v,1))},[v]);(0,external_react_namespaceObject.useEffect)(()=>{x&&(y(h),g(h),f(!1))},[x,h]);let q=(0,external_react_namespaceObject.useMemo)(()=>x||e?x?M:h:e,[M,e,x]),I=(0,external_react_namespaceObject.useMemo)(()=>q?(0,external_date_fns_namespaceObject.format)(q,"dd/MM/yyyy"+(n?"":" HH:mm")):"Selecione uma data",[q,n,r]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:x,onOpenChange:d,modal:j,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{disabled:_,asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,index_cjs_namespaceObject.cn)((0,external_button_cjs_namespaceObject.buttonVariants)({variant:o,size:p}),"ps-3 pe-1",!q&&"text-muted-foreground",(!l||!e)&&"pe-3",m?.trigger),children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-grow items-center",children:[u&&(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CalendarBlankIcon,{className:"mr-2 size-4"}),I]}),l&&e&&(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{disabled:_,variant:"ghost",size:"sm","aria-label":"Clear date",className:"ms-1 size-6 p-1",onClick:e=>{e.stopPropagation(),e.preventDefault(),a(void 0),d(!1)},children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XIcon,{className:"size-4"})})]})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-2",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center justify-between",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"ms-2 flex cursor-pointer items-center font-bold text-md",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{children:[(0,jsx_runtime_namespaceObject.jsx)("button",{type:"button",onClick:()=>f("month"!==O&&"month"),children:(0,external_date_fns_namespaceObject.format)(v,"MMMM",{locale:locale_namespaceObject.ptBR}).charAt(0).toUpperCase()+(0,external_date_fns_namespaceObject.format)(v,"MMMM",{locale:locale_namespaceObject.ptBR}).slice(1)}),(0,jsx_runtime_namespaceObject.jsx)("button",{type:"button",className:"ms-1",onClick:()=>f("year"!==O&&"year"),children:(0,external_date_fns_namespaceObject.format)(v,"yyyy")})]}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"ghost",size:"icon",className:"ml-1 size-6",onClick:()=>f(!O&&"year"),children:O?(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUpIcon,{}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDownIcon,{})})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,index_cjs_namespaceObject.cn)("flex space-x-2",O?"hidden":""),children:[(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"ghost",size:"icon",onClick:H,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretLeftIcon,{})}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"ghost",size:"icon",onClick:P,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretRightIcon,{})})]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative overflow-hidden",children:[(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{mode:"single",timeZone:s,selected:M,onSelect:e=>e&&N(e),month:v,endMonth:k,disabled:[c?{after:c}:null,t?{before:t}:null].filter(Boolean),onMonthChange:g,showOutsideDays:!0,classNames:{[external_react_day_picker_namespaceObject.UI.Root]:"py-2 px-0",[external_react_day_picker_namespaceObject.UI.MonthCaption]:"hidden",[external_react_day_picker_namespaceObject.UI.NextMonthButton]:"hidden",[external_react_day_picker_namespaceObject.UI.PreviousMonthButton]:"hidden"},...b}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,index_cjs_namespaceObject.cn)("absolute top-0 right-0 bottom-0 left-0",O?"bg-background":"hidden")}),(0,jsx_runtime_namespaceObject.jsx)(external_month_year_picker_cjs_namespaceObject.MonthYearPicker,{value:v,mode:O,onChange:T,minDate:S,maxDate:w,className:(0,index_cjs_namespaceObject.cn)("absolute top-0 right-0 bottom-0 left-0",O?"":"hidden")})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-col gap-2",children:[!n&&(0,jsx_runtime_namespaceObject.jsx)(TimePicker,{timePicker:i,value:M,onChange:y,use12HourFormat:r,min:S,max:w}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-row-reverse items-center justify-between",children:[(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{className:"ms-2 h-7 px-2 text-sm",onClick:C,children:"Salvar"}),s&&(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"text-sm",children:[(0,jsx_runtime_namespaceObject.jsx)("span",{children:"Timezone:"}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"ms-1 font-semibold",children:s})]})]})]})]})]})}function TimePicker({value:e,onChange:a,use12HourFormat:t,min:c,max:s,timePicker:n}){let r=(0,external_react_namespaceObject.useMemo)(()=>t?"yyyy-MM-dd hh:mm:ss.SSS a xxxx":"yyyy-MM-dd HH:mm:ss.SSS xxxx",[t]),[_,l]=(0,external_react_namespaceObject.useState)(+("AM"!==(0,external_date_fns_namespaceObject.format)(e,"a"))),[m,i]=(0,external_react_namespaceObject.useState)(t?+(0,external_date_fns_namespaceObject.format)(e,"hh"):e.getHours()),[j,o]=(0,external_react_namespaceObject.useState)(e.getMinutes()),[p,u]=(0,external_react_namespaceObject.useState)(e.getSeconds());(0,external_react_namespaceObject.useEffect)(()=>{a(buildTime({use12HourFormat:t,value:e,formatStr:r,hour:m,minute:j,second:p,ampm:_}))},[m,j,p,_,r,t]);let b=(0,external_react_namespaceObject.useMemo)(()=>t?m%12+12*_:m,[e,t,_]),x=(0,external_react_namespaceObject.useMemo)(()=>Array.from({length:t?12:24},(a,n)=>{let r=!1,l=t&&0===n?12:n,m=(0,external_date_fns_namespaceObject.setHours)(e,t?n+12*_:n),i=(0,external_date_fns_namespaceObject.startOfHour)(m),j=(0,external_date_fns_namespaceObject.endOfHour)(m);return c&&j<c&&(r=!0),s&&i>s&&(r=!0),{value:l,label:l.toString().padStart(2,"0"),disabled:r}}),[e,c,s,t,_]),d=(0,external_react_namespaceObject.useMemo)(()=>{let a=(0,external_date_fns_namespaceObject.setHours)(e,b);return Array.from({length:60},(e,t)=>{let n=!1,r=(0,external_date_fns_namespaceObject.setMinutes)(a,t),_=(0,external_date_fns_namespaceObject.startOfMinute)(r),l=(0,external_date_fns_namespaceObject.endOfMinute)(r);return c&&l<c&&(n=!0),s&&_>s&&(n=!0),{value:t,label:t.toString().padStart(2,"0"),disabled:n}})},[e,c,s,b]),O=(0,external_react_namespaceObject.useMemo)(()=>{let a=(0,external_date_fns_namespaceObject.setMilliseconds)((0,external_date_fns_namespaceObject.setMinutes)((0,external_date_fns_namespaceObject.setHours)(e,b),j),0),t=c?(0,external_date_fns_namespaceObject.setMilliseconds)(c,0):void 0,n=s?(0,external_date_fns_namespaceObject.setMilliseconds)(s,0):void 0;return Array.from({length:60},(e,c)=>{let s=!1,r=(0,external_date_fns_namespaceObject.setSeconds)(a,c);return t&&r<t&&(s=!0),n&&r>n&&(s=!0),{value:c,label:c.toString().padStart(2,"0"),disabled:s}})},[e,j,c,s,b]),f=(0,external_react_namespaceObject.useMemo)(()=>{let a=(0,external_date_fns_namespaceObject.startOfDay)(e),t=(0,external_date_fns_namespaceObject.endOfDay)(e);return[{value:0,label:"AM"},{value:1,label:"PM"}].map(e=>{let n=!1,r=(0,external_date_fns_namespaceObject.addHours)(a,12*e.value),_=(0,external_date_fns_namespaceObject.subHours)(t,(1-e.value)*12);return c&&_<c&&(n=!0),s&&r>s&&(n=!0),{...e,disabled:n}})},[e,c,s]),[h,v]=(0,external_react_namespaceObject.useState)(!1),g=(0,external_react_namespaceObject.useRef)(null),M=(0,external_react_namespaceObject.useRef)(null),y=(0,external_react_namespaceObject.useRef)(null);(0,external_react_namespaceObject.useEffect)(()=>{let e=setTimeout(()=>{h&&(g.current?.scrollIntoView({behavior:"auto"}),M.current?.scrollIntoView({behavior:"auto"}),y.current?.scrollIntoView({behavior:"auto"}))},1);return()=>clearTimeout(e)},[h]);let k=(0,external_react_namespaceObject.useCallback)(a=>{c&&buildTime({use12HourFormat:t,value:e,formatStr:r,hour:a.value,minute:j,second:p,ampm:_})<c&&(o(c.getMinutes()),u(c.getSeconds())),s&&buildTime({use12HourFormat:t,value:e,formatStr:r,hour:a.value,minute:j,second:p,ampm:_})>s&&(o(s.getMinutes()),u(s.getSeconds())),i(a.value)},[i,t,e,r,j,p,_]),S=(0,external_react_namespaceObject.useCallback)(a=>{if(c&&buildTime({use12HourFormat:t,value:e,formatStr:r,hour:a.value,minute:j,second:p,ampm:_})<c&&u(c.getSeconds()),s){let c=buildTime({use12HourFormat:t,value:e,formatStr:r,hour:a.value,minute:j,second:p,ampm:_});c>s&&u(c.getSeconds())}o(a.value)},[o,t,e,r,m,p,_]),w=(0,external_react_namespaceObject.useCallback)(a=>{if(c&&buildTime({use12HourFormat:t,value:e,formatStr:r,hour:m,minute:j,second:p,ampm:a.value})<c){let e=c.getHours()%12;i(0===e?12:e),o(c.getMinutes()),u(c.getSeconds())}if(s&&buildTime({use12HourFormat:t,value:e,formatStr:r,hour:m,minute:j,second:p,ampm:a.value})>s){let e=s.getHours()%12;i(0===e?12:e),o(s.getMinutes()),u(s.getSeconds())}l(a.value)},[l,t,e,r,m,j,p,c,s]),N=(0,external_react_namespaceObject.useMemo)(()=>{let a=[];for(let e of["hour","minute","second"])(!n||n[e])&&("hour"===e?a.push(t?"hh":"HH"):a.push("minute"===e?"mm":"ss"));return(0,external_date_fns_namespaceObject.format)(e,a.join(":")+(t?" a":""))},[e,t,n]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:h,onOpenChange:v,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"outline",size:"sm","aria-expanded":h,className:"justify-between font-mono",children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.ClockIcon,{className:"mr-2 size-4"}),N,(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDownIcon,{className:"ml-2 size-4 shrink-0 opacity-50"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"p-0",side:"top",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex-col gap-2 p-2",children:(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex h-56 grow",children:[(!n||n.hour)&&(0,jsx_runtime_namespaceObject.jsx)(external_scroll_area_cjs_namespaceObject.ScrollArea,{className:"h-full flex-grow",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex grow flex-col items-stretch overflow-y-auto pe-2 pb-48",children:x.map(e=>(0,jsx_runtime_namespaceObject.jsx)("div",{ref:e.value===m?g:void 0,children:(0,jsx_runtime_namespaceObject.jsx)(external_time_item_cjs_namespaceObject.TimeItem,{option:e,selected:e.value===m,onSelect:k,className:"h-8",disabled:e.disabled})},e.value))})}),(!n||n.minute)&&(0,jsx_runtime_namespaceObject.jsx)(external_scroll_area_cjs_namespaceObject.ScrollArea,{className:"h-full flex-grow",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex grow flex-col items-stretch overflow-y-auto pe-2 pb-48",children:d.map(e=>(0,jsx_runtime_namespaceObject.jsx)("div",{ref:e.value===j?M:void 0,children:(0,jsx_runtime_namespaceObject.jsx)(external_time_item_cjs_namespaceObject.TimeItem,{option:e,selected:e.value===j,onSelect:S,className:"h-8",disabled:e.disabled})},e.value))})}),(!n||n.second)&&(0,jsx_runtime_namespaceObject.jsx)(external_scroll_area_cjs_namespaceObject.ScrollArea,{className:"h-full flex-grow",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex grow flex-col items-stretch overflow-y-auto pe-2 pb-48",children:O.map(e=>(0,jsx_runtime_namespaceObject.jsx)("div",{ref:e.value===p?y:void 0,children:(0,jsx_runtime_namespaceObject.jsx)(external_time_item_cjs_namespaceObject.TimeItem,{option:e,selected:e.value===p,onSelect:e=>u(e.value),className:"h-8",disabled:e.disabled})},e.value))})}),t&&(0,jsx_runtime_namespaceObject.jsx)(external_scroll_area_cjs_namespaceObject.ScrollArea,{className:"h-full flex-grow",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex grow flex-col items-stretch overflow-y-auto pe-2",children:f.map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_time_item_cjs_namespaceObject.TimeItem,{option:e,selected:e.value===_,onSelect:w,className:"h-8",disabled:e.disabled},e.value))})})]})})})]})}function buildTime(e){let a,{use12HourFormat:t,value:c,formatStr:s,hour:n,minute:r,second:_,ampm:l}=e;if(t){let e=(0,external_date_fns_namespaceObject.format)(c,s),t=e.slice(0,11)+n.toString().padStart(2,"0")+e.slice(13);t=(t=(t=t.slice(0,14)+r.toString().padStart(2,"0")+t.slice(16)).slice(0,17)+_.toString().padStart(2,"0")+t.slice(19)).slice(0,24)+(0===l?"AM":"PM")+t.slice(26),a=(0,external_date_fns_namespaceObject.parse)(t,s,c)}else a=(0,external_date_fns_namespaceObject.setHours)((0,external_date_fns_namespaceObject.setMinutes)((0,external_date_fns_namespaceObject.setSeconds)(c,_),r),n);return a}for(var __webpack_i__ in exports.DateTimePicker=__webpack_exports__.DateTimePicker,__webpack_exports__)-1===["DateTimePicker"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=datetime-picker.cjs.map