@gbmtech/aurora-ui 0.4.57 → 0.4.58
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/data-table/index.cjs +1 -1
- package/dist/cjs/components/data-table/index.cjs.map +1 -1
- package/dist/cjs/components/multi-select.cjs +1 -1
- package/dist/cjs/components/multi-select.cjs.map +1 -1
- package/dist/esm/components/app-layout/sidebar/index.js +1 -2
- package/dist/esm/components/data-table/index.js +1 -1
- package/dist/esm/components/data-table/index.js.map +1 -1
- package/dist/esm/components/multi-select.js +1 -1
- package/dist/esm/components/multi-select.js.map +1 -1
- package/package.json +1 -1
- package/dist/esm/components/app-layout/sidebar/index.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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_modules__={"./data-table-action-bar":function(e){e.exports=require("./data-table-action-bar.cjs")},"./data-table-advanced-toolbar":function(e){e.exports=require("./data-table-advanced-toolbar.cjs")},"./data-table-column-header":function(e){e.exports=require("./data-table-column-header.cjs")},"./data-table-date-filter":function(e){e.exports=require("./data-table-date-filter.cjs")},"./data-table-faceted-filter":function(e){e.exports=require("./data-table-faceted-filter.cjs")},"./data-table-filter-list":function(e){e.exports=require("./data-table-filter-list.cjs")},"./data-table-filter-menu":function(e){e.exports=require("./data-table-filter-menu.cjs")},"
|
|
1
|
+
"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_modules__={"./data-table-action-bar":function(e){e.exports=require("./data-table-action-bar.cjs")},"./data-table-advanced-toolbar":function(e){e.exports=require("./data-table-advanced-toolbar.cjs")},"./data-table-column-header":function(e){e.exports=require("./data-table-column-header.cjs")},"./data-table-date-filter":function(e){e.exports=require("./data-table-date-filter.cjs")},"./data-table-faceted-filter":function(e){e.exports=require("./data-table-faceted-filter.cjs")},"./data-table-filter-list":function(e){e.exports=require("./data-table-filter-list.cjs")},"./data-table-filter-menu":function(e){e.exports=require("./data-table-filter-menu.cjs")},"@/components/data-table/data-table-pagination":function(e){e.exports=require("./data-table-pagination.cjs")},"./data-table-range-filter":function(e){e.exports=require("./data-table-range-filter.cjs")},"./data-table-skeleton":function(e){e.exports=require("./data-table-skeleton.cjs")},"./data-table-slider-filter":function(e){e.exports=require("./data-table-slider-filter.cjs")},"./data-table-sort-list":function(e){e.exports=require("./data-table-sort-list.cjs")},"./data-table-toolbar":function(e){e.exports=require("./data-table-toolbar.cjs")},"@/components/data-table/data-table-view-options":function(e){e.exports=require("./data-table-view-options.cjs")},"./data-table":function(e){e.exports=require("./data-table.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var a=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](a,a.exports,__webpack_require__),a.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__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__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("./data-table-action-bar"),_={};for(var a in e)"default"!==a&&(_[a]=(function(_){return e[_]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var r=__webpack_require__("./data-table-advanced-toolbar"),_={};for(var a in r)"default"!==a&&(_[a]=(function(e){return r[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("./data-table-column-header"),_={};for(var a in t)"default"!==a&&(_[a]=(function(e){return t[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var i=__webpack_require__("./data-table-date-filter"),_={};for(var a in i)"default"!==a&&(_[a]=(function(e){return i[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var n=__webpack_require__("./data-table-faceted-filter"),_={};for(var a in n)"default"!==a&&(_[a]=(function(e){return n[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var o=__webpack_require__("./data-table-filter-list"),_={};for(var a in o)"default"!==a&&(_[a]=(function(e){return o[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var c=__webpack_require__("./data-table-filter-menu"),_={};for(var a in c)"default"!==a&&(_[a]=(function(e){return c[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var b=__webpack_require__("@/components/data-table/data-table-pagination"),_={};for(var a in b)"default"!==a&&(_[a]=(function(e){return b[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("./data-table-range-filter"),_={};for(var a in u)"default"!==a&&(_[a]=(function(e){return u[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var d=__webpack_require__("./data-table-skeleton"),_={};for(var a in d)"default"!==a&&(_[a]=(function(e){return d[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var p=__webpack_require__("./data-table-slider-filter"),_={};for(var a in p)"default"!==a&&(_[a]=(function(e){return p[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var l=__webpack_require__("./data-table-sort-list"),_={};for(var a in l)"default"!==a&&(_[a]=(function(e){return l[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var f=__webpack_require__("./data-table-toolbar"),_={};for(var a in f)"default"!==a&&(_[a]=(function(e){return f[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var s=__webpack_require__("@/components/data-table/data-table-view-options"),_={};for(var a in s)"default"!==a&&(_[a]=(function(e){return s[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var w=__webpack_require__("./data-table"),_={};for(var a in w)"default"!==a&&(_[a]=(function(e){return w[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\data-table\\index.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/compat_get_default_export","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"],"sourcesContent":["// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__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};"],"names":["__webpack_require__","e","Object","Symbol"],"mappings":"
|
|
1
|
+
{"version":3,"file":"components\\data-table\\index.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/compat_get_default_export","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"],"sourcesContent":["// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__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};"],"names":["__webpack_require__","e","Object","Symbol"],"mappings":"o1DACAA,oBAAoB,CAAC,CAAG,AAAC,IACxB,IAAI,EAAS,GAAU,EAAO,UAAU,CACvC,IAAO,EAAO,OAAU,CACxB,IAAO,EAER,OADAA,oBAAoB,CAAC,CAAC,EAAQ,CAAE,EAAG,CAAO,GACnC,CACR,ECPAA,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,AAAC,EAGzF,ECNAD,oBAAoB,CAAC,CAAG,CAAC,EAAK,IAAUE,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClFF,oBAAoB,CAAC,CAAG,AAACC,IACrB,AAAkB,aAAlB,OAAOE,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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
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 c in a)__webpack_require__.o(a,c)&&!__webpack_require__.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},__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__,{MultiSelect:()=>MultiSelect});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_badge_cjs_namespaceObject=require("./badge.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_checkbox_cjs_namespaceObject=require("./checkbox.cjs"),external_command_cjs_namespaceObject=require("./command.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs");function MultiSelect({options:e=[],onValueChange:a,variant:c="secondary",value:t=[],placeholder:s="Select options",maxCount:n=2,modalPopover:_=!1,className:r,...m}){let[l,j]=(0,external_react_namespaceObject.useState)(t),[i,p]=(0,external_react_namespaceObject.useState)(!1),o=e=>{let c=l.includes(e)?l.filter(a=>a!==e):[...l,e];j(c),a?.(c)},b=()=>{j([]),a?.([])},u=()=>{let e=l.slice(0,n);j(e),a?.(e)};return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:i,onOpenChange:p,modal:_,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{...m,onClick:()=>{p(e=>!e)},variant:"outline",className:(0,utils_cjs_namespaceObject.cn)("flex h-10 w-auto min-w-60 items-center justify-between rounded-md border border-input bg-background px-3 py-2 hover:bg-transparent dark:hover:bg-input/50",r),children:l.length>0?(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex w-full items-center justify-between",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-x-1",children:[l.slice(0,n).map(a=>{let t=e.find(e=>e.value===a);return(0,jsx_runtime_namespaceObject.jsxs)(external_badge_cjs_namespaceObject.Badge,{className:(0,utils_cjs_namespaceObject.cn)((0,external_badge_cjs_namespaceObject.badgeVariants)({variant:c})),children:[(0,jsx_runtime_namespaceObject.jsx)(
|
|
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 c in a)__webpack_require__.o(a,c)&&!__webpack_require__.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},__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__,{MultiSelect:()=>MultiSelect});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_badge_cjs_namespaceObject=require("./badge.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_checkbox_cjs_namespaceObject=require("./checkbox.cjs"),external_command_cjs_namespaceObject=require("./command.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs");function MultiSelect({options:e=[],onValueChange:a,variant:c="secondary",value:t=[],placeholder:s="Select options",maxCount:n=2,modalPopover:_=!1,className:r,...m}){let[l,j]=(0,external_react_namespaceObject.useState)(t),[i,p]=(0,external_react_namespaceObject.useState)(!1),o=e=>{let c=l.includes(e)?l.filter(a=>a!==e):[...l,e];j(c),a?.(c)},b=()=>{j([]),a?.([])},u=()=>{let e=l.slice(0,n);j(e),a?.(e)};return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:i,onOpenChange:p,modal:_,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{...m,onClick:()=>{p(e=>!e)},variant:"outline",className:(0,utils_cjs_namespaceObject.cn)("flex h-10 w-auto min-w-60 items-center justify-between rounded-md border border-input bg-background px-3 py-2 hover:bg-transparent dark:hover:bg-input/50",r),children:l.length>0?(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex w-full items-center justify-between",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-x-1",children:[l.slice(0,n).map(a=>{let t=e.find(e=>e.value===a);return(0,jsx_runtime_namespaceObject.jsxs)(external_badge_cjs_namespaceObject.Badge,{className:(0,utils_cjs_namespaceObject.cn)((0,external_badge_cjs_namespaceObject.badgeVariants)({variant:c})),children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XIcon,{className:"mr-1 size-3 cursor-pointer",onClick:e=>{e.stopPropagation(),o(a)}}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"max-w-32 truncate",children:t?.label})]},a)}),l.length>n&&(0,jsx_runtime_namespaceObject.jsxs)(external_badge_cjs_namespaceObject.Badge,{className:(0,utils_cjs_namespaceObject.cn)((0,external_badge_cjs_namespaceObject.badgeVariants)({variant:c})),children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XIcon,{className:"mr-1 size-3 cursor-pointer",onClick:e=>{e.stopPropagation(),u()}}),`+ ${l.length-n} ...`]})]}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"ml-4 flex items-center",children:i?(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUpIcon,{weight:"bold",className:"size-4 opacity-50"}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDownIcon,{weight:"bold",className:"size-4 opacity-50"})})]}):(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"mx-auto flex w-full items-center justify-between",children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"font-normal text-sm placeholder:text-muted-foreground",children:"Select options"===s?"Selecione as op\xe7\xf5es":s}),i?(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUpIcon,{weight:"bold",className:"ml-2 size-4 opacity-50"}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDownIcon,{weight:"bold",className:"ml-2 size-4 opacity-50"})]})})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",align:"start",onEscapeKeyDown:()=>p(!1),children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:"Pesquisar...",onKeyDown:e=>{"Enter"===e.key&&p(!0)}}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"Nenhum resultado encontrado."}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandGroup,{children:[(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{onSelect:()=>{if(l.length===e.length)b();else{let c=e.map(e=>e.value);j(c),a?.(c)}},className:"cursor-pointer",children:[(0,jsx_runtime_namespaceObject.jsx)(external_checkbox_cjs_namespaceObject.Checkbox,{checked:l.length===e.length,className:"mr-2"}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:"(Selecionar todos)"})]},"all"),e.map(e=>{let a=l.includes(e.value);return(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{onSelect:()=>o(e.value),className:"cursor-pointer",children:[(0,jsx_runtime_namespaceObject.jsx)(external_checkbox_cjs_namespaceObject.Checkbox,{checked:a,className:"mr-2"}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:e.label})]},e.value)})]})]})]})})]})}for(var __webpack_i__ in exports.MultiSelect=__webpack_exports__.MultiSelect,__webpack_exports__)-1===["MultiSelect"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=multi-select.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\multi-select.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/multi-select.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 { CaretDownIcon, CaretUpIcon, XIcon } from '@phosphor-icons/react'\r\nimport { ComponentProps, KeyboardEvent, useState } from 'react'\r\n\r\nimport { VariantProps, cn } from '../lib/utils'\r\nimport { Badge, badgeVariants } from './badge'\r\nimport { Button } from './button'\r\nimport { Checkbox } from './checkbox'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: MultiSelect\r\n * -------------------------------------------------------------------------- */\r\n\r\ntype MultiSelectProps = ComponentProps<'button'> &\r\n VariantProps<typeof badgeVariants> & {\r\n options?: {\r\n label: string\r\n value: string\r\n }[]\r\n value?: string[]\r\n placeholder?: string\r\n maxCount?: number\r\n modalPopover?: boolean\r\n asChild?: boolean\r\n className?: string\r\n onValueChange?: (value: string[]) => void\r\n }\r\n\r\nfunction MultiSelect({\r\n options = [],\r\n onValueChange,\r\n variant = 'secondary',\r\n value = [],\r\n placeholder = 'Select options',\r\n maxCount = 2,\r\n modalPopover = false,\r\n className,\r\n ...props\r\n}: MultiSelectProps) {\r\n const [selectedValues, setSelectedValues] = useState<string[]>(value)\r\n const [isPopoverOpen, setIsPopoverOpen] = useState(false)\r\n\r\n const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === 'Enter') {\r\n setIsPopoverOpen(true)\r\n }\r\n }\r\n\r\n const toggleOption = (option: string) => {\r\n const newSelectedValues = selectedValues.includes(option)\r\n ? selectedValues.filter(value => value !== option)\r\n : [...selectedValues, option]\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const handleClear = () => {\r\n setSelectedValues([])\r\n onValueChange?.([])\r\n }\r\n\r\n const handleTogglePopover = () => {\r\n setIsPopoverOpen(prev => !prev)\r\n }\r\n\r\n const clearExtraOptions = () => {\r\n const newSelectedValues = selectedValues.slice(0, maxCount)\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const toggleAll = () => {\r\n if (selectedValues.length === options.length) {\r\n handleClear()\r\n } else {\r\n const allValues = options.map(option => option.value)\r\n setSelectedValues(allValues)\r\n onValueChange?.(allValues)\r\n }\r\n }\r\n\r\n return (\r\n <Popover\r\n open={isPopoverOpen}\r\n onOpenChange={setIsPopoverOpen}\r\n modal={modalPopover}\r\n >\r\n <PopoverTrigger asChild>\r\n <Button\r\n {...props}\r\n onClick={handleTogglePopover}\r\n variant=\"outline\"\r\n className={cn(\r\n 'flex h-10 w-auto min-w-60 items-center justify-between rounded-md border border-input bg-background px-3 py-2 hover:bg-transparent dark:hover:bg-input/50',\r\n className\r\n )}\r\n >\r\n {selectedValues.length > 0 ? (\r\n <div className=\"flex w-full items-center justify-between\">\r\n <div className=\"flex items-center gap-x-1\">\r\n {selectedValues.slice(0, maxCount).map(value => {\r\n const option = options.find(o => o.value === value)\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(badgeVariants({ variant }))}\r\n >\r\n <span className=\"max-w-32 truncate\">{option?.label}</span>\r\n <XIcon\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n toggleOption(value)\r\n }}\r\n />\r\n </Badge>\r\n )\r\n })}\r\n\r\n {selectedValues.length > maxCount && (\r\n <Badge className={cn(badgeVariants({ variant }))}>\r\n {`+ ${selectedValues.length - maxCount} ...`}\r\n <XIcon\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n clearExtraOptions()\r\n }}\r\n />\r\n </Badge>\r\n )}\r\n </div>\r\n <div className=\"ml-4 flex items-center\">\r\n {isPopoverOpen ? (\r\n <CaretUpIcon weight=\"bold\" className=\"size-4 opacity-50\" />\r\n ) : (\r\n <CaretDownIcon weight=\"bold\" className=\"size-4 opacity-50\" />\r\n )}\r\n </div>\r\n </div>\r\n ) : (\r\n <div className=\"mx-auto flex w-full items-center justify-between\">\r\n <span className=\"font-normal text-sm placeholder:text-muted-foreground\">\r\n {placeholder === 'Select options'\r\n ? 'Selecione as opções'\r\n : placeholder}\r\n </span>\r\n {isPopoverOpen ? (\r\n <CaretUpIcon weight=\"bold\" className=\"ml-2 size-4 opacity-50\" />\r\n ) : (\r\n <CaretDownIcon\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 opacity-50\"\r\n />\r\n )}\r\n </div>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n className=\"w-auto p-0\"\r\n align=\"start\"\r\n onEscapeKeyDown={() => setIsPopoverOpen(false)}\r\n >\r\n <Command>\r\n <CommandInput\r\n placeholder=\"Pesquisar...\"\r\n onKeyDown={handleInputKeyDown}\r\n />\r\n <CommandList>\r\n <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n <CommandGroup>\r\n <CommandItem\r\n key=\"all\"\r\n onSelect={toggleAll}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox\r\n checked={selectedValues.length === options.length}\r\n className=\"mr-2\"\r\n />\r\n <span>(Selecionar todos)</span>\r\n </CommandItem>\r\n {options.map(option => {\r\n const isSelected = selectedValues.includes(option.value)\r\n return (\r\n <CommandItem\r\n key={option.value}\r\n onSelect={() => toggleOption(option.value)}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox checked={isSelected} className=\"mr-2\" />\r\n <span>{option.label}</span>\r\n </CommandItem>\r\n )\r\n })}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { MultiSelect }\r\n"],"names":["__webpack_require__","e","Object","Symbol","MultiSelect","options","onValueChange","variant","value","placeholder","maxCount","modalPopover","className","props","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","handleClear","clearExtraOptions","Popover","PopoverTrigger","Button","prev","cn","o","Badge","badgeVariants","XIcon","event","CaretUpIcon","CaretDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","allValues","Checkbox","isSelected"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\multi-select.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/multi-select.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 { CaretDownIcon, CaretUpIcon, XIcon } from '@phosphor-icons/react'\r\nimport { ComponentProps, KeyboardEvent, useState } from 'react'\r\n\r\nimport { VariantProps, cn } from '../lib/utils'\r\nimport { Badge, badgeVariants } from './badge'\r\nimport { Button } from './button'\r\nimport { Checkbox } from './checkbox'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: MultiSelect\r\n * -------------------------------------------------------------------------- */\r\n\r\ntype MultiSelectProps = ComponentProps<'button'> &\r\n VariantProps<typeof badgeVariants> & {\r\n options?: {\r\n label: string\r\n value: string\r\n }[]\r\n value?: string[]\r\n placeholder?: string\r\n maxCount?: number\r\n modalPopover?: boolean\r\n asChild?: boolean\r\n className?: string\r\n onValueChange?: (value: string[]) => void\r\n }\r\n\r\nfunction MultiSelect({\r\n options = [],\r\n onValueChange,\r\n variant = 'secondary',\r\n value = [],\r\n placeholder = 'Select options',\r\n maxCount = 2,\r\n modalPopover = false,\r\n className,\r\n ...props\r\n}: MultiSelectProps) {\r\n const [selectedValues, setSelectedValues] = useState<string[]>(value)\r\n const [isPopoverOpen, setIsPopoverOpen] = useState(false)\r\n\r\n const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === 'Enter') {\r\n setIsPopoverOpen(true)\r\n }\r\n }\r\n\r\n const toggleOption = (option: string) => {\r\n const newSelectedValues = selectedValues.includes(option)\r\n ? selectedValues.filter(value => value !== option)\r\n : [...selectedValues, option]\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const handleClear = () => {\r\n setSelectedValues([])\r\n onValueChange?.([])\r\n }\r\n\r\n const handleTogglePopover = () => {\r\n setIsPopoverOpen(prev => !prev)\r\n }\r\n\r\n const clearExtraOptions = () => {\r\n const newSelectedValues = selectedValues.slice(0, maxCount)\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const toggleAll = () => {\r\n if (selectedValues.length === options.length) {\r\n handleClear()\r\n } else {\r\n const allValues = options.map(option => option.value)\r\n setSelectedValues(allValues)\r\n onValueChange?.(allValues)\r\n }\r\n }\r\n\r\n return (\r\n <Popover\r\n open={isPopoverOpen}\r\n onOpenChange={setIsPopoverOpen}\r\n modal={modalPopover}\r\n >\r\n <PopoverTrigger asChild>\r\n <Button\r\n {...props}\r\n onClick={handleTogglePopover}\r\n variant=\"outline\"\r\n className={cn(\r\n 'flex h-10 w-auto min-w-60 items-center justify-between rounded-md border border-input bg-background px-3 py-2 hover:bg-transparent dark:hover:bg-input/50',\r\n className\r\n )}\r\n >\r\n {selectedValues.length > 0 ? (\r\n <div className=\"flex w-full items-center justify-between\">\r\n <div className=\"flex items-center gap-x-1\">\r\n {selectedValues.slice(0, maxCount).map(value => {\r\n const option = options.find(o => o.value === value)\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(badgeVariants({ variant }))}\r\n >\r\n <XIcon\r\n className=\"mr-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n toggleOption(value)\r\n }}\r\n />\r\n <span className=\"max-w-32 truncate\">{option?.label}</span>\r\n </Badge>\r\n )\r\n })}\r\n\r\n {selectedValues.length > maxCount && (\r\n <Badge className={cn(badgeVariants({ variant }))}>\r\n <XIcon\r\n className=\"mr-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n clearExtraOptions()\r\n }}\r\n />\r\n {`+ ${selectedValues.length - maxCount} ...`}\r\n </Badge>\r\n )}\r\n </div>\r\n <div className=\"ml-4 flex items-center\">\r\n {isPopoverOpen ? (\r\n <CaretUpIcon weight=\"bold\" className=\"size-4 opacity-50\" />\r\n ) : (\r\n <CaretDownIcon weight=\"bold\" className=\"size-4 opacity-50\" />\r\n )}\r\n </div>\r\n </div>\r\n ) : (\r\n <div className=\"mx-auto flex w-full items-center justify-between\">\r\n <span className=\"font-normal text-sm placeholder:text-muted-foreground\">\r\n {placeholder === 'Select options'\r\n ? 'Selecione as opções'\r\n : placeholder}\r\n </span>\r\n {isPopoverOpen ? (\r\n <CaretUpIcon weight=\"bold\" className=\"ml-2 size-4 opacity-50\" />\r\n ) : (\r\n <CaretDownIcon\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 opacity-50\"\r\n />\r\n )}\r\n </div>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n className=\"w-auto p-0\"\r\n align=\"start\"\r\n onEscapeKeyDown={() => setIsPopoverOpen(false)}\r\n >\r\n <Command>\r\n <CommandInput\r\n placeholder=\"Pesquisar...\"\r\n onKeyDown={handleInputKeyDown}\r\n />\r\n <CommandList>\r\n <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n <CommandGroup>\r\n <CommandItem\r\n key=\"all\"\r\n onSelect={toggleAll}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox\r\n checked={selectedValues.length === options.length}\r\n className=\"mr-2\"\r\n />\r\n <span>(Selecionar todos)</span>\r\n </CommandItem>\r\n {options.map(option => {\r\n const isSelected = selectedValues.includes(option.value)\r\n return (\r\n <CommandItem\r\n key={option.value}\r\n onSelect={() => toggleOption(option.value)}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox checked={isSelected} className=\"mr-2\" />\r\n <span>{option.label}</span>\r\n </CommandItem>\r\n )\r\n })}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { MultiSelect }\r\n"],"names":["__webpack_require__","e","Object","Symbol","MultiSelect","options","onValueChange","variant","value","placeholder","maxCount","modalPopover","className","props","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","handleClear","clearExtraOptions","Popover","PopoverTrigger","Button","prev","cn","o","Badge","badgeVariants","XIcon","event","CaretUpIcon","CaretDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","allValues","Checkbox","isSelected"],"mappings":"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"}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export*from"./sidebar.js";export*from"./app-sidebar.js";export*from"./nav-modules.js";export*from"./nav-sub-item.js";export*from"./nav-user.js";export*from"./sidebar-icons.js";export*from"./logo.js";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as t from"./data-table-date-filter.js";import*as a from"./data-table-faceted-filter.js";import*as e from"./data-table-
|
|
1
|
+
import*as t from"./data-table-date-filter.js";import*as a from"./data-table-faceted-filter.js";import*as e from"./data-table-slider-filter.js";import*as r from"./data-table-view-options.js";export*from"./data-table-action-bar.js";export*from"./data-table-advanced-toolbar.js";export*from"./data-table-column-header.js";export*from"./data-table-filter-list.js";export*from"./data-table-filter-menu.js";export*from"./data-table-pagination.js";export*from"./data-table-range-filter.js";export*from"./data-table-skeleton.js";export*from"./data-table-sort-list.js";export*from"./data-table-toolbar.js";export*from"./data-table.js";var o={"@/components/data-table/data-table-date-filter":function(a){a.exports=t},"@/components/data-table/data-table-faceted-filter":function(t){t.exports=a},"@/components/data-table/data-table-slider-filter":function(t){t.exports=e},"@/components/data-table/data-table-view-options":function(t){t.exports=r}},n={};function l(t){var a=n[t];if(void 0!==a)return a.exports;var e=n[t]={exports:{}};return o[t](e,e.exports,l),e.exports}l.d=(t,a)=>{for(var e in a)l.o(a,e)&&!l.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:a[e]})},l.o=(t,a)=>Object.prototype.hasOwnProperty.call(t,a),l.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var d={};l.r(d);var i=l("@/components/data-table/data-table-date-filter"),f={};for(var s in i)"default"!==s&&(f[s]=(function(t){return i[t]}).bind(0,s));l.d(d,f);var b=l("@/components/data-table/data-table-faceted-filter"),f={};for(var s in b)"default"!==s&&(f[s]=(function(t){return b[t]}).bind(0,s));l.d(d,f);var p=l("@/components/data-table/data-table-slider-filter"),f={};for(var s in p)"default"!==s&&(f[s]=(function(t){return p[t]}).bind(0,s));l.d(d,f);var m=l("@/components/data-table/data-table-view-options"),f={};for(var s in m)"default"!==s&&(f[s]=(function(t){return m[t]}).bind(0,s));l.d(d,f);
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\data-table\\index.js","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"],"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};"],"names":["Object","Symbol"],"mappings":"
|
|
1
|
+
{"version":3,"file":"components\\data-table\\index.js","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"],"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};"],"names":["Object","Symbol"],"mappings":"kiCAAA,EAAoB,CAAC,CAAG,CAAC,EAAS,KACjC,IAAI,IAAI,KAAO,EACL,EAAoB,CAAC,CAAC,EAAY,IAAQ,CAAC,EAAoB,CAAC,CAAC,EAAS,IACzEA,OAAO,cAAc,CAAC,EAAS,EAAK,CAAE,WAAY,GAAM,IAAK,CAAU,CAAC,EAAI,AAAC,EAGzF,ECNA,EAAoB,CAAC,CAAG,CAAC,EAAK,IAAUA,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClF,EAAoB,CAAC,CAAG,AAAC,IACrB,AAAkB,aAAlB,OAAOC,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAAC,EAASC,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAAC,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import*as e from"react/jsx-runtime";import*as s from"@phosphor-icons/react";import*as a from"react";import*as n from"../lib/utils.js";import*as o from"./badge.js";import*as t from"./button.js";import*as
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as s from"@phosphor-icons/react";import*as a from"react";import*as n from"../lib/utils.js";import*as o from"./badge.js";import*as t from"./button.js";import*as r from"./checkbox.js";import*as l from"./command.js";import*as c from"./popover.js";function i({options:i=[],onValueChange:m,variant:d="secondary",value:p=[],placeholder:h="Select options",maxCount:x=2,modalPopover:u=!1,className:j,...g}){let[f,b]=(0,a.useState)(p),[N,C]=(0,a.useState)(!1),w=e=>{let s=f.includes(e)?f.filter(s=>s!==e):[...f,e];b(s),m?.(s)},v=()=>{b([]),m?.([])},y=()=>{let e=f.slice(0,x);b(e),m?.(e)};return(0,e.jsxs)(c.Popover,{open:N,onOpenChange:C,modal:u,children:[(0,e.jsx)(c.PopoverTrigger,{asChild:!0,children:(0,e.jsx)(t.Button,{...g,onClick:()=>{C(e=>!e)},variant:"outline",className:(0,n.cn)("flex h-10 w-auto min-w-60 items-center justify-between rounded-md border border-input bg-background px-3 py-2 hover:bg-transparent dark:hover:bg-input/50",j),children:f.length>0?(0,e.jsxs)("div",{className:"flex w-full items-center justify-between",children:[(0,e.jsxs)("div",{className:"flex items-center gap-x-1",children:[f.slice(0,x).map(a=>{let t=i.find(e=>e.value===a);return(0,e.jsxs)(o.Badge,{className:(0,n.cn)((0,o.badgeVariants)({variant:d})),children:[(0,e.jsx)(s.XIcon,{className:"mr-1 size-3 cursor-pointer",onClick:e=>{e.stopPropagation(),w(a)}}),(0,e.jsx)("span",{className:"max-w-32 truncate",children:t?.label})]},a)}),f.length>x&&(0,e.jsxs)(o.Badge,{className:(0,n.cn)((0,o.badgeVariants)({variant:d})),children:[(0,e.jsx)(s.XIcon,{className:"mr-1 size-3 cursor-pointer",onClick:e=>{e.stopPropagation(),y()}}),`+ ${f.length-x} ...`]})]}),(0,e.jsx)("div",{className:"ml-4 flex items-center",children:N?(0,e.jsx)(s.CaretUpIcon,{weight:"bold",className:"size-4 opacity-50"}):(0,e.jsx)(s.CaretDownIcon,{weight:"bold",className:"size-4 opacity-50"})})]}):(0,e.jsxs)("div",{className:"mx-auto flex w-full items-center justify-between",children:[(0,e.jsx)("span",{className:"font-normal text-sm placeholder:text-muted-foreground",children:"Select options"===h?"Selecione as op\xe7\xf5es":h}),N?(0,e.jsx)(s.CaretUpIcon,{weight:"bold",className:"ml-2 size-4 opacity-50"}):(0,e.jsx)(s.CaretDownIcon,{weight:"bold",className:"ml-2 size-4 opacity-50"})]})})}),(0,e.jsx)(c.PopoverContent,{className:"w-auto p-0",align:"start",onEscapeKeyDown:()=>C(!1),children:(0,e.jsxs)(l.Command,{children:[(0,e.jsx)(l.CommandInput,{placeholder:"Pesquisar...",onKeyDown:e=>{"Enter"===e.key&&C(!0)}}),(0,e.jsxs)(l.CommandList,{children:[(0,e.jsx)(l.CommandEmpty,{children:"Nenhum resultado encontrado."}),(0,e.jsxs)(l.CommandGroup,{children:[(0,e.jsxs)(l.CommandItem,{onSelect:()=>{if(f.length===i.length)v();else{let e=i.map(e=>e.value);b(e),m?.(e)}},className:"cursor-pointer",children:[(0,e.jsx)(r.Checkbox,{checked:f.length===i.length,className:"mr-2"}),(0,e.jsx)("span",{children:"(Selecionar todos)"})]},"all"),i.map(s=>{let a=f.includes(s.value);return(0,e.jsxs)(l.CommandItem,{onSelect:()=>w(s.value),className:"cursor-pointer",children:[(0,e.jsx)(r.Checkbox,{checked:a,className:"mr-2"}),(0,e.jsx)("span",{children:s.label})]},s.value)})]})]})]})})]})}export{i as MultiSelect};
|
|
3
3
|
//# sourceMappingURL=multi-select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\multi-select.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/multi-select.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDownIcon, CaretUpIcon, XIcon } from '@phosphor-icons/react'\r\nimport { ComponentProps, KeyboardEvent, useState } from 'react'\r\n\r\nimport { VariantProps, cn } from '../lib/utils'\r\nimport { Badge, badgeVariants } from './badge'\r\nimport { Button } from './button'\r\nimport { Checkbox } from './checkbox'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: MultiSelect\r\n * -------------------------------------------------------------------------- */\r\n\r\ntype MultiSelectProps = ComponentProps<'button'> &\r\n VariantProps<typeof badgeVariants> & {\r\n options?: {\r\n label: string\r\n value: string\r\n }[]\r\n value?: string[]\r\n placeholder?: string\r\n maxCount?: number\r\n modalPopover?: boolean\r\n asChild?: boolean\r\n className?: string\r\n onValueChange?: (value: string[]) => void\r\n }\r\n\r\nfunction MultiSelect({\r\n options = [],\r\n onValueChange,\r\n variant = 'secondary',\r\n value = [],\r\n placeholder = 'Select options',\r\n maxCount = 2,\r\n modalPopover = false,\r\n className,\r\n ...props\r\n}: MultiSelectProps) {\r\n const [selectedValues, setSelectedValues] = useState<string[]>(value)\r\n const [isPopoverOpen, setIsPopoverOpen] = useState(false)\r\n\r\n const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === 'Enter') {\r\n setIsPopoverOpen(true)\r\n }\r\n }\r\n\r\n const toggleOption = (option: string) => {\r\n const newSelectedValues = selectedValues.includes(option)\r\n ? selectedValues.filter(value => value !== option)\r\n : [...selectedValues, option]\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const handleClear = () => {\r\n setSelectedValues([])\r\n onValueChange?.([])\r\n }\r\n\r\n const handleTogglePopover = () => {\r\n setIsPopoverOpen(prev => !prev)\r\n }\r\n\r\n const clearExtraOptions = () => {\r\n const newSelectedValues = selectedValues.slice(0, maxCount)\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const toggleAll = () => {\r\n if (selectedValues.length === options.length) {\r\n handleClear()\r\n } else {\r\n const allValues = options.map(option => option.value)\r\n setSelectedValues(allValues)\r\n onValueChange?.(allValues)\r\n }\r\n }\r\n\r\n return (\r\n <Popover\r\n open={isPopoverOpen}\r\n onOpenChange={setIsPopoverOpen}\r\n modal={modalPopover}\r\n >\r\n <PopoverTrigger asChild>\r\n <Button\r\n {...props}\r\n onClick={handleTogglePopover}\r\n variant=\"outline\"\r\n className={cn(\r\n 'flex h-10 w-auto min-w-60 items-center justify-between rounded-md border border-input bg-background px-3 py-2 hover:bg-transparent dark:hover:bg-input/50',\r\n className\r\n )}\r\n >\r\n {selectedValues.length > 0 ? (\r\n <div className=\"flex w-full items-center justify-between\">\r\n <div className=\"flex items-center gap-x-1\">\r\n {selectedValues.slice(0, maxCount).map(value => {\r\n const option = options.find(o => o.value === value)\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(badgeVariants({ variant }))}\r\n >\r\n <span className=\"max-w-32 truncate\">{option?.label}</span>\r\n <XIcon\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n toggleOption(value)\r\n }}\r\n />\r\n </Badge>\r\n )\r\n })}\r\n\r\n {selectedValues.length > maxCount && (\r\n <Badge className={cn(badgeVariants({ variant }))}>\r\n {`+ ${selectedValues.length - maxCount} ...`}\r\n <XIcon\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n clearExtraOptions()\r\n }}\r\n />\r\n </Badge>\r\n )}\r\n </div>\r\n <div className=\"ml-4 flex items-center\">\r\n {isPopoverOpen ? (\r\n <CaretUpIcon weight=\"bold\" className=\"size-4 opacity-50\" />\r\n ) : (\r\n <CaretDownIcon weight=\"bold\" className=\"size-4 opacity-50\" />\r\n )}\r\n </div>\r\n </div>\r\n ) : (\r\n <div className=\"mx-auto flex w-full items-center justify-between\">\r\n <span className=\"font-normal text-sm placeholder:text-muted-foreground\">\r\n {placeholder === 'Select options'\r\n ? 'Selecione as opções'\r\n : placeholder}\r\n </span>\r\n {isPopoverOpen ? (\r\n <CaretUpIcon weight=\"bold\" className=\"ml-2 size-4 opacity-50\" />\r\n ) : (\r\n <CaretDownIcon\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 opacity-50\"\r\n />\r\n )}\r\n </div>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n className=\"w-auto p-0\"\r\n align=\"start\"\r\n onEscapeKeyDown={() => setIsPopoverOpen(false)}\r\n >\r\n <Command>\r\n <CommandInput\r\n placeholder=\"Pesquisar...\"\r\n onKeyDown={handleInputKeyDown}\r\n />\r\n <CommandList>\r\n <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n <CommandGroup>\r\n <CommandItem\r\n key=\"all\"\r\n onSelect={toggleAll}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox\r\n checked={selectedValues.length === options.length}\r\n className=\"mr-2\"\r\n />\r\n <span>(Selecionar todos)</span>\r\n </CommandItem>\r\n {options.map(option => {\r\n const isSelected = selectedValues.includes(option.value)\r\n return (\r\n <CommandItem\r\n key={option.value}\r\n onSelect={() => toggleOption(option.value)}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox checked={isSelected} className=\"mr-2\" />\r\n <span>{option.label}</span>\r\n </CommandItem>\r\n )\r\n })}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { MultiSelect }\r\n"],"names":["MultiSelect","options","onValueChange","variant","value","placeholder","maxCount","modalPopover","className","props","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","handleClear","clearExtraOptions","Popover","PopoverTrigger","Button","prev","cn","o","Badge","badgeVariants","XIcon","event","CaretUpIcon","CaretDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","allValues","Checkbox","isSelected"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\multi-select.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/multi-select.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDownIcon, CaretUpIcon, XIcon } from '@phosphor-icons/react'\r\nimport { ComponentProps, KeyboardEvent, useState } from 'react'\r\n\r\nimport { VariantProps, cn } from '../lib/utils'\r\nimport { Badge, badgeVariants } from './badge'\r\nimport { Button } from './button'\r\nimport { Checkbox } from './checkbox'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: MultiSelect\r\n * -------------------------------------------------------------------------- */\r\n\r\ntype MultiSelectProps = ComponentProps<'button'> &\r\n VariantProps<typeof badgeVariants> & {\r\n options?: {\r\n label: string\r\n value: string\r\n }[]\r\n value?: string[]\r\n placeholder?: string\r\n maxCount?: number\r\n modalPopover?: boolean\r\n asChild?: boolean\r\n className?: string\r\n onValueChange?: (value: string[]) => void\r\n }\r\n\r\nfunction MultiSelect({\r\n options = [],\r\n onValueChange,\r\n variant = 'secondary',\r\n value = [],\r\n placeholder = 'Select options',\r\n maxCount = 2,\r\n modalPopover = false,\r\n className,\r\n ...props\r\n}: MultiSelectProps) {\r\n const [selectedValues, setSelectedValues] = useState<string[]>(value)\r\n const [isPopoverOpen, setIsPopoverOpen] = useState(false)\r\n\r\n const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === 'Enter') {\r\n setIsPopoverOpen(true)\r\n }\r\n }\r\n\r\n const toggleOption = (option: string) => {\r\n const newSelectedValues = selectedValues.includes(option)\r\n ? selectedValues.filter(value => value !== option)\r\n : [...selectedValues, option]\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const handleClear = () => {\r\n setSelectedValues([])\r\n onValueChange?.([])\r\n }\r\n\r\n const handleTogglePopover = () => {\r\n setIsPopoverOpen(prev => !prev)\r\n }\r\n\r\n const clearExtraOptions = () => {\r\n const newSelectedValues = selectedValues.slice(0, maxCount)\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const toggleAll = () => {\r\n if (selectedValues.length === options.length) {\r\n handleClear()\r\n } else {\r\n const allValues = options.map(option => option.value)\r\n setSelectedValues(allValues)\r\n onValueChange?.(allValues)\r\n }\r\n }\r\n\r\n return (\r\n <Popover\r\n open={isPopoverOpen}\r\n onOpenChange={setIsPopoverOpen}\r\n modal={modalPopover}\r\n >\r\n <PopoverTrigger asChild>\r\n <Button\r\n {...props}\r\n onClick={handleTogglePopover}\r\n variant=\"outline\"\r\n className={cn(\r\n 'flex h-10 w-auto min-w-60 items-center justify-between rounded-md border border-input bg-background px-3 py-2 hover:bg-transparent dark:hover:bg-input/50',\r\n className\r\n )}\r\n >\r\n {selectedValues.length > 0 ? (\r\n <div className=\"flex w-full items-center justify-between\">\r\n <div className=\"flex items-center gap-x-1\">\r\n {selectedValues.slice(0, maxCount).map(value => {\r\n const option = options.find(o => o.value === value)\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(badgeVariants({ variant }))}\r\n >\r\n <XIcon\r\n className=\"mr-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n toggleOption(value)\r\n }}\r\n />\r\n <span className=\"max-w-32 truncate\">{option?.label}</span>\r\n </Badge>\r\n )\r\n })}\r\n\r\n {selectedValues.length > maxCount && (\r\n <Badge className={cn(badgeVariants({ variant }))}>\r\n <XIcon\r\n className=\"mr-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n clearExtraOptions()\r\n }}\r\n />\r\n {`+ ${selectedValues.length - maxCount} ...`}\r\n </Badge>\r\n )}\r\n </div>\r\n <div className=\"ml-4 flex items-center\">\r\n {isPopoverOpen ? (\r\n <CaretUpIcon weight=\"bold\" className=\"size-4 opacity-50\" />\r\n ) : (\r\n <CaretDownIcon weight=\"bold\" className=\"size-4 opacity-50\" />\r\n )}\r\n </div>\r\n </div>\r\n ) : (\r\n <div className=\"mx-auto flex w-full items-center justify-between\">\r\n <span className=\"font-normal text-sm placeholder:text-muted-foreground\">\r\n {placeholder === 'Select options'\r\n ? 'Selecione as opções'\r\n : placeholder}\r\n </span>\r\n {isPopoverOpen ? (\r\n <CaretUpIcon weight=\"bold\" className=\"ml-2 size-4 opacity-50\" />\r\n ) : (\r\n <CaretDownIcon\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 opacity-50\"\r\n />\r\n )}\r\n </div>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n className=\"w-auto p-0\"\r\n align=\"start\"\r\n onEscapeKeyDown={() => setIsPopoverOpen(false)}\r\n >\r\n <Command>\r\n <CommandInput\r\n placeholder=\"Pesquisar...\"\r\n onKeyDown={handleInputKeyDown}\r\n />\r\n <CommandList>\r\n <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n <CommandGroup>\r\n <CommandItem\r\n key=\"all\"\r\n onSelect={toggleAll}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox\r\n checked={selectedValues.length === options.length}\r\n className=\"mr-2\"\r\n />\r\n <span>(Selecionar todos)</span>\r\n </CommandItem>\r\n {options.map(option => {\r\n const isSelected = selectedValues.includes(option.value)\r\n return (\r\n <CommandItem\r\n key={option.value}\r\n onSelect={() => toggleOption(option.value)}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox checked={isSelected} className=\"mr-2\" />\r\n <span>{option.label}</span>\r\n </CommandItem>\r\n )\r\n })}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { MultiSelect }\r\n"],"names":["MultiSelect","options","onValueChange","variant","value","placeholder","maxCount","modalPopover","className","props","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","handleClear","clearExtraOptions","Popover","PopoverTrigger","Button","prev","cn","o","Badge","badgeVariants","XIcon","event","CaretUpIcon","CaretDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","allValues","Checkbox","isSelected"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components\\app-layout\\sidebar\\index.js","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"],"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};"],"names":["Object","Symbol"],"mappings":"waAAA,EAAoB,CAAC,CAAG,CAAC,EAAS,KACjC,IAAI,IAAI,KAAO,EACL,EAAoB,CAAC,CAAC,EAAY,IAAQ,CAAC,EAAoB,CAAC,CAAC,EAAS,IACzEA,OAAO,cAAc,CAAC,EAAS,EAAK,CAAE,WAAY,GAAM,IAAK,CAAU,CAAC,EAAI,AAAC,EAGzF,ECNA,EAAoB,CAAC,CAAG,CAAC,EAAK,IAAUA,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAK,GCClF,EAAoB,CAAC,CAAG,AAAC,IACrB,AAAkB,aAAlB,OAAOC,QAA0BA,OAAO,WAAW,EACrDD,OAAO,cAAc,CAAC,EAASC,OAAO,WAAW,CAAE,CAAE,MAAO,QAAS,GAEtED,OAAO,cAAc,CAAC,EAAS,aAAc,CAAE,MAAO,EAAK,EAC5D,E"}
|