@gbmtech/aurora-ui 0.4.88 → 0.4.90
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 +2 -1
- package/dist/esm/components/data-table/index.js.map +1 -0
- 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")},"./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")},"
|
|
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")},"./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 u=__webpack_require__("./data-table-filter-menu"),_={};for(var a in u)"default"!==a&&(_[a]=(function(e){return u[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var c=__webpack_require__("./data-table-pagination"),_={};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__("./data-table-range-filter"),_={};for(var a in b)"default"!==a&&(_[a]=(function(e){return b[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":"8zDACAA,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,hasRemoveOptionBadge:m=!1,...l}){let[j,i]=(0,external_react_namespaceObject.useState)(
|
|
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,hasRemoveOptionBadge:m=!1,...l}){let[j,i]=(0,external_react_namespaceObject.useState)(t),[p,o]=(0,external_react_namespaceObject.useState)(!1),b=e=>{let c=j.includes(e)?j.filter(a=>a!==e):[...j,e];i(c),a?.(c)};return(0,external_react_namespaceObject.useEffect)(()=>{i(t)},[t]),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:p,onOpenChange:o,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,{...l,onClick:()=>{o(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-background dark:hover:bg-input/50",r),children:j.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:[j.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:[m&&(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XIcon,{className:"mr-1 size-3 cursor-pointer",onClick:e=>{e.stopPropagation(),b(a)}}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"max-w-32 truncate",children:t?.label})]},a)}),j.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();let c=j.slice(0,n);i(c),a?.(c)}}),`+ ${j.length-n} ...`]})]}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"ml-4 flex items-center",children:p?(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}),p?(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:()=>o(!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&&o(!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(j.length===e.length)i([]),a?.([]);else{let c=e.map(e=>e.value);i(c),a?.(c)}},className:"cursor-pointer",children:[(0,jsx_runtime_namespaceObject.jsx)(external_checkbox_cjs_namespaceObject.Checkbox,{checked:j.length===e.length,className:"mr-2"}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:"(Selecionar todos)"})]},"all"),e.map(e=>{let a=j.includes(e.value);return(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{onSelect:()=>b(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, useEffect, 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 hasRemoveOptionBadge?: boolean\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 hasRemoveOptionBadge = false,\r\n ...props\r\n}: MultiSelectProps) {\r\n const [selectedValues, setSelectedValues] = useState<string[]>([])\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 useEffect(() => {\r\n setSelectedValues(value)\r\n }, [value])\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-background 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(option => option.value === value)\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(badgeVariants({ variant }))}\r\n >\r\n {hasRemoveOptionBadge && (\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 )}\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","hasRemoveOptionBadge","props","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","useEffect","Popover","PopoverTrigger","Button","prev","cn","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, useEffect, 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 hasRemoveOptionBadge?: boolean\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 hasRemoveOptionBadge = false,\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 useEffect(() => {\r\n setSelectedValues(value)\r\n }, [value])\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-background 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(option => option.value === value)\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(badgeVariants({ variant }))}\r\n >\r\n {hasRemoveOptionBadge && (\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 )}\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","hasRemoveOptionBadge","props","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","useEffect","Popover","PopoverTrigger","Button","prev","cn","Badge","badgeVariants","XIcon","event","CaretUpIcon","CaretDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","allValues","Checkbox","isSelected"],"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,2pBCiCA,SAASG,YAAY,CACnBC,QAAAA,EAAU,EAAE,CACZC,cAAAA,CAAa,CACbC,QAAAA,EAAU,WAAW,CACrBC,MAAAA,EAAQ,EAAE,CACVC,YAAAA,EAAc,gBAAgB,CAC9BC,SAAAA,EAAW,CAAC,CACZC,aAAAA,EAAe,EAAK,CACpBC,UAAAA,CAAS,CACTC,qBAAAA,EAAuB,EAAK,CAC5B,GAAGC,EACc,EACjB,GAAM,CAACC,EAAgBC,EAAkB,CAAGC,GAAAA,+BAAAA,QAAAA,EAAmBT,GACzD,CAACU,EAAeC,EAAiB,CAAGF,GAAAA,+BAAAA,QAAAA,EAAS,IAQ7CG,EAAe,IACnB,IAAME,EAAoBP,EAAe,QAAQ,CAACM,GAC9CN,EAAe,MAAM,CAACP,GAASA,IAAUa,GACzC,IAAIN,EAAgBM,EAAO,CAC/BL,EAAkBM,GAClBhB,IAAgBgB,EAClB,EA+BA,MAJAC,GAAAA,+BAAAA,SAAAA,EAAU,KACRP,EAAkBR,EACpB,EAAG,CAACA,EAAM,EAGR,qCAACgB,qCAAAA,OAAOA,CAAAA,CACN,KAAMN,EACN,aAAcC,EACd,MAAOR,E,UAEP,oCAACc,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,oCAACC,oCAAAA,MAAMA,CAAAA,CACJ,GAAGZ,CAAK,CACT,QAjCoB,KAC1BK,EAAiBQ,GAAQ,CAACA,EAC5B,EAgCQ,QAAQ,UACR,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,2JACAhB,G,SAGDG,EAAe,MAAM,CAAG,EACvB,qCAAC,OAAI,UAAU,2C,UACb,qCAAC,OAAI,UAAU,4B,UACZA,EAAe,KAAK,CAAC,EAAGL,GAAU,GAAG,CAACF,IACrC,IAAMa,EAAShB,EAAQ,IAAI,CAACgB,GAAUA,EAAO,KAAK,GAAKb,GACvD,MACE,qCAACqB,mCAAAA,KAAKA,CAAAA,CAEJ,UAAWD,GAAAA,0BAAAA,EAAAA,EAAGE,GAAAA,mCAAAA,aAAAA,EAAc,CAAEvB,QAAAA,CAAQ,I,UAErCM,GACC,oCAACkB,sBAAAA,KAAKA,CAAAA,CACJ,UAAU,6BACV,QAASC,IACPA,EAAM,eAAe,GACrBZ,EAAaZ,EACf,C,GAGJ,oCAAC,QAAK,UAAU,oB,SAAqBa,GAAQ,K,KAZxCb,EAeX,GAECO,EAAe,MAAM,CAAGL,GACvB,qCAACmB,mCAAAA,KAAKA,CAAAA,CAAC,UAAWD,GAAAA,0BAAAA,EAAAA,EAAGE,GAAAA,mCAAAA,aAAAA,EAAc,CAAEvB,QAAAA,CAAQ,I,UAC3C,oCAACwB,sBAAAA,KAAKA,CAAAA,CACJ,UAAU,6BACV,QAASC,IACPA,EAAM,eAAe,GAhEzC,IAAMV,EAAoBP,EAAe,KAAK,CAAC,EAAGL,GAClDM,EAAkBM,GAClBhB,IAAgBgB,EAgEE,C,GAED,CAAC,EAAE,EAAEP,EAAe,MAAM,CAAGL,EAAS,IAAI,CAAC,C,MAIlD,oCAAC,OAAI,UAAU,yB,SACZQ,EACC,oCAACe,sBAAAA,WAAWA,CAAAA,CAAC,OAAO,OAAO,UAAU,mB,GAErC,oCAACC,sBAAAA,aAAaA,CAAAA,CAAC,OAAO,OAAO,UAAU,mB,QAK7C,qCAAC,OAAI,UAAU,mD,UACb,oCAAC,QAAK,UAAU,wD,SACbzB,mBAAAA,EACG,4BACAA,C,GAELS,EACC,oCAACe,sBAAAA,WAAWA,CAAAA,CAAC,OAAO,OAAO,UAAU,wB,GAErC,oCAACC,sBAAAA,aAAaA,CAAAA,CACZ,OAAO,OACP,UAAU,wB,UAOtB,oCAACC,qCAAAA,cAAcA,CAAAA,CACb,UAAU,aACV,MAAM,QACN,gBAAiB,IAAMhB,EAAiB,I,SAExC,qCAACiB,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,YAAYA,CAAAA,CACX,YAAY,eACZ,UAnIiB,IACrBL,UAAAA,EAAM,GAAG,EACXb,EAAiB,GAErB,C,GAiIQ,qCAACmB,qCAAAA,WAAWA,CAAAA,C,UACV,oCAACC,qCAAAA,YAAYA,CAAAA,C,SAAC,8B,GACd,qCAACC,qCAAAA,YAAYA,CAAAA,C,UACX,qCAACC,qCAAAA,WAAWA,CAAAA,CAEV,SA7GI,KAChB,GAAI1B,EAAe,MAAM,GAAKV,EAAQ,MAAM,CAf5CW,EAAkB,EAAE,EACpBV,IAAgB,EAAE,MAgBX,CACL,IAAMoC,EAAYrC,EAAQ,GAAG,CAACgB,GAAUA,EAAO,KAAK,EACpDL,EAAkB0B,GAClBpC,IAAgBoC,EAClB,CACF,EAsGc,UAAU,iB,UAEV,oCAACC,sCAAAA,QAAQA,CAAAA,CACP,QAAS5B,EAAe,MAAM,GAAKV,EAAQ,MAAM,CACjD,UAAU,M,GAEZ,oCAAC,Q,SAAK,oB,KARF,OAULA,EAAQ,GAAG,CAACgB,IACX,IAAMuB,EAAa7B,EAAe,QAAQ,CAACM,EAAO,KAAK,EACvD,MACE,qCAACoB,qCAAAA,WAAWA,CAAAA,CAEV,SAAU,IAAMrB,EAAaC,EAAO,KAAK,EACzC,UAAU,iB,UAEV,oCAACsB,sCAAAA,QAAQA,CAAAA,CAAC,QAASC,EAAY,UAAU,M,GACzC,oCAAC,Q,SAAMvB,EAAO,KAAK,KALdA,EAAO,KAAK,CAQvB,G,aAOd,C"}
|
|
@@ -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 +1,2 @@
|
|
|
1
|
-
import*as t 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-pagination.js";import*as o from"./data-table-range-filter.js";import*as r from"./data-table-slider-filter.js";import*as n 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-skeleton.js";export*from"./data-table-sort-list.js";export*from"./data-table-toolbar.js";export*from"./data-table.js";var d={"@/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-pagination":function(t){t.exports=e},"@/components/data-table/data-table-range-filter":function(t){t.exports=o},"@/components/data-table/data-table-slider-filter":function(t){t.exports=r},"@/components/data-table/data-table-view-options":function(t){t.exports=n}},l={};function i(t){var a=l[t];if(void 0!==a)return a.exports;var e=l[t]={exports:{}};return d[t](e,e.exports,i),e.exports}i.d=(t,a)=>{for(var e in a)i.o(a,e)&&!i.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:a[e]})},i.o=(t,a)=>Object.prototype.hasOwnProperty.call(t,a),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var f={};i.r(f);var b=i("@/components/data-table/data-table-date-filter"),s={};for(var p in b)"default"!==p&&(s[p]=(function(t){return b[t]}).bind(0,p));i.d(f,s);var m=i("@/components/data-table/data-table-faceted-filter"),s={};for(var p in m)"default"!==p&&(s[p]=(function(t){return m[t]}).bind(0,p));i.d(f,s);var c=i("@/components/data-table/data-table-pagination"),s={};for(var p in c)"default"!==p&&(s[p]=(function(t){return c[t]}).bind(0,p));i.d(f,s);var u=i("@/components/data-table/data-table-range-filter"),s={};for(var p in u)"default"!==p&&(s[p]=(function(t){return u[t]}).bind(0,p));i.d(f,s);var v=i("@/components/data-table/data-table-slider-filter"),s={};for(var p in v)"default"!==p&&(s[p]=(function(t){return v[t]}).bind(0,p));i.d(f,s);var j=i("@/components/data-table/data-table-view-options"),s={};for(var p in j)"default"!==p&&(s[p]=(function(t){return j[t]}).bind(0,p));i.d(f,s);
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +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":"gsCAAA,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{jsx as e,jsxs as l}from"react/jsx-runtime";import{CaretDownIcon as r,CaretUpIcon as a,XIcon as t}from"@phosphor-icons/react";import{useEffect as o,useState as s}from"react";import{cn as n}from"../lib/utils.js";import{Badge as i,badgeVariants as c}from"./badge.js";import{Button as m}from"./button.js";import{Checkbox as d}from"./checkbox.js";import{Command as p,CommandEmpty as h,CommandGroup as u,CommandInput as f,CommandItem as g,CommandList as N}from"./command.js";import{Popover as b,PopoverContent as w,PopoverTrigger as x}from"./popover.js";function v({options:v=[],onValueChange:y,variant:j="secondary",value:k=[],placeholder:S="Select options",maxCount:z=2,modalPopover:C=!1,className:P,hasRemoveOptionBadge:D=!1,...E}){let[K,q]=s(
|
|
2
|
+
import{jsx as e,jsxs as l}from"react/jsx-runtime";import{CaretDownIcon as r,CaretUpIcon as a,XIcon as t}from"@phosphor-icons/react";import{useEffect as o,useState as s}from"react";import{cn as n}from"../lib/utils.js";import{Badge as i,badgeVariants as c}from"./badge.js";import{Button as m}from"./button.js";import{Checkbox as d}from"./checkbox.js";import{Command as p,CommandEmpty as h,CommandGroup as u,CommandInput as f,CommandItem as g,CommandList as N}from"./command.js";import{Popover as b,PopoverContent as w,PopoverTrigger as x}from"./popover.js";function v({options:v=[],onValueChange:y,variant:j="secondary",value:k=[],placeholder:S="Select options",maxCount:z=2,modalPopover:C=!1,className:P,hasRemoveOptionBadge:D=!1,...E}){let[K,q]=s(k),[M,O]=s(!1),$=e=>{let l=K.includes(e)?K.filter(l=>l!==e):[...K,e];q(l),y?.(l)};return o(()=>{q(k)},[k]),l(b,{open:M,onOpenChange:O,modal:C,children:[e(x,{asChild:!0,children:e(m,{...E,onClick:()=>{O(e=>!e)},variant:"outline",className: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-background dark:hover:bg-input/50",P),children:K.length>0?l("div",{className:"flex w-full items-center justify-between",children:[l("div",{className:"flex items-center gap-x-1",children:[K.slice(0,z).map(r=>{let a=v.find(e=>e.value===r);return l(i,{className:n(c({variant:j})),children:[D&&e(t,{className:"mr-1 size-3 cursor-pointer",onClick:e=>{e.stopPropagation(),$(r)}}),e("span",{className:"max-w-32 truncate",children:a?.label})]},r)}),K.length>z&&l(i,{className:n(c({variant:j})),children:[e(t,{className:"mr-1 size-3 cursor-pointer",onClick:e=>{e.stopPropagation();let l=K.slice(0,z);q(l),y?.(l)}}),`+ ${K.length-z} ...`]})]}),e("div",{className:"ml-4 flex items-center",children:M?e(a,{weight:"bold",className:"size-4 opacity-50"}):e(r,{weight:"bold",className:"size-4 opacity-50"})})]}):l("div",{className:"mx-auto flex w-full items-center justify-between",children:[e("span",{className:"font-normal text-sm placeholder:text-muted-foreground",children:"Select options"===S?"Selecione as op\xe7\xf5es":S}),M?e(a,{weight:"bold",className:"ml-2 size-4 opacity-50"}):e(r,{weight:"bold",className:"ml-2 size-4 opacity-50"})]})})}),e(w,{className:"w-auto p-0",align:"start",onEscapeKeyDown:()=>O(!1),children:l(p,{children:[e(f,{placeholder:"Pesquisar...",onKeyDown:e=>{"Enter"===e.key&&O(!0)}}),l(N,{children:[e(h,{children:"Nenhum resultado encontrado."}),l(u,{children:[l(g,{onSelect:()=>{if(K.length===v.length)q([]),y?.([]);else{let e=v.map(e=>e.value);q(e),y?.(e)}},className:"cursor-pointer",children:[e(d,{checked:K.length===v.length,className:"mr-2"}),e("span",{children:"(Selecionar todos)"})]},"all"),v.map(r=>l(g,{onSelect:()=>$(r.value),className:"cursor-pointer",children:[e(d,{checked:K.includes(r.value),className:"mr-2"}),e("span",{children:r.label})]},r.value))]})]})]})})]})}export{v 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, useEffect, 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 hasRemoveOptionBadge?: boolean\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 hasRemoveOptionBadge = false,\r\n ...props\r\n}: MultiSelectProps) {\r\n const [selectedValues, setSelectedValues] = useState<string[]>([])\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 useEffect(() => {\r\n setSelectedValues(value)\r\n }, [value])\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-background 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(option => option.value === value)\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(badgeVariants({ variant }))}\r\n >\r\n {hasRemoveOptionBadge && (\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 )}\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","hasRemoveOptionBadge","props","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","useEffect","Popover","PopoverTrigger","Button","prev","cn","Badge","badgeVariants","XIcon","event","CaretUpIcon","CaretDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","allValues","Checkbox"],"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, useEffect, 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 hasRemoveOptionBadge?: boolean\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 hasRemoveOptionBadge = false,\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 useEffect(() => {\r\n setSelectedValues(value)\r\n }, [value])\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-background 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(option => option.value === value)\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(badgeVariants({ variant }))}\r\n >\r\n {hasRemoveOptionBadge && (\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 )}\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","hasRemoveOptionBadge","props","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","useEffect","Popover","PopoverTrigger","Button","prev","cn","Badge","badgeVariants","XIcon","event","CaretUpIcon","CaretDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","allValues","Checkbox"],"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"}
|