@plenustech/design-system 0.2.3 → 0.2.5
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/README.md +8 -0
- package/dist/components/actions/ButtonTile/ButtonTile.module.css.cjs +1 -1
- package/dist/components/actions/ButtonTile/ButtonTile.module.css.js +10 -10
- package/dist/components/actions/Toolbar/Toolbar.cjs +1 -1
- package/dist/components/actions/Toolbar/Toolbar.cjs.map +1 -1
- package/dist/components/actions/Toolbar/Toolbar.js +64 -53
- package/dist/components/actions/Toolbar/Toolbar.js.map +1 -1
- package/dist/components/charts/ChartGauge/ChartGauge.cjs +2 -0
- package/dist/components/charts/ChartGauge/ChartGauge.cjs.map +1 -0
- package/dist/components/charts/ChartGauge/ChartGauge.js +307 -0
- package/dist/components/charts/ChartGauge/ChartGauge.js.map +1 -0
- package/dist/components/charts/ChartGauge/ChartGauge.module.css.cjs +2 -0
- package/dist/components/charts/ChartGauge/ChartGauge.module.css.cjs.map +1 -0
- package/dist/components/charts/ChartGauge/ChartGauge.module.css.js +76 -0
- package/dist/components/charts/ChartGauge/ChartGauge.module.css.js.map +1 -0
- package/dist/components/charts/ChartGauge/gaugeLayout.cjs +2 -0
- package/dist/components/charts/ChartGauge/gaugeLayout.cjs.map +1 -0
- package/dist/components/charts/ChartGauge/gaugeLayout.js +107 -0
- package/dist/components/charts/ChartGauge/gaugeLayout.js.map +1 -0
- package/dist/components/charts/ChartGauge/gaugeReading.cjs +2 -0
- package/dist/components/charts/ChartGauge/gaugeReading.cjs.map +1 -0
- package/dist/components/charts/ChartGauge/gaugeReading.js +112 -0
- package/dist/components/charts/ChartGauge/gaugeReading.js.map +1 -0
- package/dist/components/charts/ChartGauge/gaugeScale.cjs +2 -0
- package/dist/components/charts/ChartGauge/gaugeScale.cjs.map +1 -0
- package/dist/components/charts/ChartGauge/gaugeScale.js +57 -0
- package/dist/components/charts/ChartGauge/gaugeScale.js.map +1 -0
- package/dist/components/charts/ChartMap/ChartMap.cjs +2 -0
- package/dist/components/charts/ChartMap/ChartMap.cjs.map +1 -0
- package/dist/components/charts/ChartMap/ChartMap.js +523 -0
- package/dist/components/charts/ChartMap/ChartMap.js.map +1 -0
- package/dist/components/charts/ChartMap/ChartMap.module.css.cjs +2 -0
- package/dist/components/charts/ChartMap/ChartMap.module.css.cjs.map +1 -0
- package/dist/components/charts/ChartMap/ChartMap.module.css.js +124 -0
- package/dist/components/charts/ChartMap/ChartMap.module.css.js.map +1 -0
- package/dist/components/charts/ChartMap/ChartMapLegend.cjs +2 -0
- package/dist/components/charts/ChartMap/ChartMapLegend.cjs.map +1 -0
- package/dist/components/charts/ChartMap/ChartMapLegend.js +102 -0
- package/dist/components/charts/ChartMap/ChartMapLegend.js.map +1 -0
- package/dist/components/charts/ChartMap/ChartMapTable.cjs +2 -0
- package/dist/components/charts/ChartMap/ChartMapTable.cjs.map +1 -0
- package/dist/components/charts/ChartMap/ChartMapTable.js +118 -0
- package/dist/components/charts/ChartMap/ChartMapTable.js.map +1 -0
- package/dist/components/charts/ChartMap/mapGeometry.cjs +2 -0
- package/dist/components/charts/ChartMap/mapGeometry.cjs.map +1 -0
- package/dist/components/charts/ChartMap/mapGeometry.js +113 -0
- package/dist/components/charts/ChartMap/mapGeometry.js.map +1 -0
- package/dist/components/charts/ChartMap/mapLabels.cjs +2 -0
- package/dist/components/charts/ChartMap/mapLabels.cjs.map +1 -0
- package/dist/components/charts/ChartMap/mapLabels.js +80 -0
- package/dist/components/charts/ChartMap/mapLabels.js.map +1 -0
- package/dist/components/charts/ChartMap/mapScales.cjs +2 -0
- package/dist/components/charts/ChartMap/mapScales.cjs.map +1 -0
- package/dist/components/charts/ChartMap/mapScales.js +131 -0
- package/dist/components/charts/ChartMap/mapScales.js.map +1 -0
- package/dist/components/charts/ChartMap/polylabel.cjs +2 -0
- package/dist/components/charts/ChartMap/polylabel.cjs.map +1 -0
- package/dist/components/charts/ChartMap/polylabel.js +50 -0
- package/dist/components/charts/ChartMap/polylabel.js.map +1 -0
- package/dist/components/charts/ChartTimeline/ChartTimeline.cjs +2 -0
- package/dist/components/charts/ChartTimeline/ChartTimeline.cjs.map +1 -0
- package/dist/components/charts/ChartTimeline/ChartTimeline.js +703 -0
- package/dist/components/charts/ChartTimeline/ChartTimeline.js.map +1 -0
- package/dist/components/charts/ChartTimeline/ChartTimeline.module.css.cjs +2 -0
- package/dist/components/charts/ChartTimeline/ChartTimeline.module.css.cjs.map +1 -0
- package/dist/components/charts/ChartTimeline/ChartTimeline.module.css.js +124 -0
- package/dist/components/charts/ChartTimeline/ChartTimeline.module.css.js.map +1 -0
- package/dist/components/charts/ChartTimeline/ChartTimelineTable.cjs +2 -0
- package/dist/components/charts/ChartTimeline/ChartTimelineTable.cjs.map +1 -0
- package/dist/components/charts/ChartTimeline/ChartTimelineTable.js +42 -0
- package/dist/components/charts/ChartTimeline/ChartTimelineTable.js.map +1 -0
- package/dist/components/charts/ChartTimeline/timelineLayout.cjs +2 -0
- package/dist/components/charts/ChartTimeline/timelineLayout.cjs.map +1 -0
- package/dist/components/charts/ChartTimeline/timelineLayout.js +109 -0
- package/dist/components/charts/ChartTimeline/timelineLayout.js.map +1 -0
- package/dist/components/charts/ChartTimeline/timelineTime.cjs +2 -0
- package/dist/components/charts/ChartTimeline/timelineTime.cjs.map +1 -0
- package/dist/components/charts/ChartTimeline/timelineTime.js +91 -0
- package/dist/components/charts/ChartTimeline/timelineTime.js.map +1 -0
- package/dist/components/charts/ChartTimeline/timelineTooltip.cjs +2 -0
- package/dist/components/charts/ChartTimeline/timelineTooltip.cjs.map +1 -0
- package/dist/components/charts/ChartTimeline/timelineTooltip.js +77 -0
- package/dist/components/charts/ChartTimeline/timelineTooltip.js.map +1 -0
- package/dist/components/charts/core/ChartLegend.cjs +1 -1
- package/dist/components/charts/core/ChartLegend.cjs.map +1 -1
- package/dist/components/charts/core/ChartLegend.js +37 -25
- package/dist/components/charts/core/ChartLegend.js.map +1 -1
- package/dist/components/charts/core/useChartMetrics.cjs +1 -1
- package/dist/components/charts/core/useChartMetrics.cjs.map +1 -1
- package/dist/components/charts/core/useChartMetrics.js +20 -25
- package/dist/components/charts/core/useChartMetrics.js.map +1 -1
- package/dist/components/data-display/CodeBlock/syntax.cjs +10 -3
- package/dist/components/data-display/CodeBlock/syntax.cjs.map +1 -1
- package/dist/components/data-display/CodeBlock/syntax.js +68 -48
- package/dist/components/data-display/CodeBlock/syntax.js.map +1 -1
- package/dist/components/data-display/List/List.cjs.map +1 -1
- package/dist/components/data-display/List/List.js.map +1 -1
- package/dist/components/data-display/List/List.module.css.cjs +1 -1
- package/dist/components/data-display/List/List.module.css.js +34 -24
- package/dist/components/data-display/List/List.module.css.js.map +1 -1
- package/dist/components/data-display/List/ListingOptions.cjs +1 -1
- package/dist/components/data-display/List/ListingOptions.cjs.map +1 -1
- package/dist/components/data-display/List/ListingOptions.js +98 -74
- package/dist/components/data-display/List/ListingOptions.js.map +1 -1
- package/dist/components/data-display/List/useListing.cjs.map +1 -1
- package/dist/components/data-display/List/useListing.js.map +1 -1
- package/dist/components/data-display/Timeline/Timeline.cjs +1 -1
- package/dist/components/data-display/Timeline/Timeline.cjs.map +1 -1
- package/dist/components/data-display/Timeline/Timeline.js +6 -6
- package/dist/components/data-display/Timeline/Timeline.js.map +1 -1
- package/dist/components/data-display/Timeline/Timeline.module.css.cjs +1 -1
- package/dist/components/data-display/Timeline/Timeline.module.css.js +18 -16
- package/dist/components/data-display/Timeline/Timeline.module.css.js.map +1 -1
- package/dist/components/forms/Checkbox/Checkbox.module.css.cjs +1 -1
- package/dist/components/forms/Checkbox/Checkbox.module.css.js +5 -5
- package/dist/components/forms/CheckboxGroup/CheckboxGroup.module.css.cjs +1 -1
- package/dist/components/forms/CheckboxGroup/CheckboxGroup.module.css.js +1 -1
- package/dist/components/forms/ComboBox/ComboBox.cjs.map +1 -1
- package/dist/components/forms/ComboBox/ComboBox.js.map +1 -1
- package/dist/components/forms/Field/Field.cjs +1 -1
- package/dist/components/forms/Field/Field.cjs.map +1 -1
- package/dist/components/forms/Field/Field.js +22 -22
- package/dist/components/forms/Field/Field.js.map +1 -1
- package/dist/components/forms/Field/Field.module.css.cjs +1 -1
- package/dist/components/forms/Field/Field.module.css.js +19 -17
- package/dist/components/forms/Field/Field.module.css.js.map +1 -1
- package/dist/components/forms/InputText/InputText.cjs +1 -1
- package/dist/components/forms/InputText/InputText.cjs.map +1 -1
- package/dist/components/forms/InputText/InputText.js +24 -24
- package/dist/components/forms/InputText/InputText.js.map +1 -1
- package/dist/components/forms/InputText/InputText.module.css.cjs +1 -1
- package/dist/components/forms/InputText/InputText.module.css.js +9 -7
- package/dist/components/forms/InputText/InputText.module.css.js.map +1 -1
- package/dist/components/forms/RadioGroup/RadioGroup.module.css.cjs +1 -1
- package/dist/components/forms/RadioGroup/RadioGroup.module.css.js +4 -4
- package/dist/components/forms/Select/Select.cjs.map +1 -1
- package/dist/components/forms/Select/Select.js.map +1 -1
- package/dist/components/forms/Switch/Switch.module.css.cjs +1 -1
- package/dist/components/forms/Switch/Switch.module.css.js +6 -6
- package/dist/components/icons/suite.cjs +1 -0
- package/dist/components/icons/suite.js +10894 -0
- package/dist/components/navigation/Pagination/Pagination.cjs +1 -1
- package/dist/components/navigation/Pagination/Pagination.cjs.map +1 -1
- package/dist/components/navigation/Pagination/Pagination.js +71 -44
- package/dist/components/navigation/Pagination/Pagination.js.map +1 -1
- package/dist/components/navigation/Pagination/Pagination.module.css.cjs +1 -1
- package/dist/components/navigation/Pagination/Pagination.module.css.js +18 -14
- package/dist/components/navigation/Pagination/Pagination.module.css.js.map +1 -1
- package/dist/components/navigation/TabsNav/TabsNav.cjs +2 -0
- package/dist/components/navigation/TabsNav/TabsNav.cjs.map +1 -0
- package/dist/components/navigation/TabsNav/TabsNav.js +21 -0
- package/dist/components/navigation/TabsNav/TabsNav.js.map +1 -0
- package/dist/components/navigation/TabsNav/TabsNav.module.css.cjs +2 -0
- package/dist/components/navigation/TabsNav/TabsNav.module.css.cjs.map +1 -0
- package/dist/components/navigation/TabsNav/TabsNav.module.css.js +18 -0
- package/dist/components/navigation/TabsNav/TabsNav.module.css.js.map +1 -0
- package/dist/components/overlays/Dialog/Dialog.cjs.map +1 -1
- package/dist/components/overlays/Dialog/Dialog.js.map +1 -1
- package/dist/components/overlays/Dialog/DialogFrame.cjs +1 -1
- package/dist/components/overlays/Dialog/DialogFrame.cjs.map +1 -1
- package/dist/components/overlays/Dialog/DialogFrame.js +30 -30
- package/dist/components/overlays/Dialog/DialogFrame.js.map +1 -1
- package/dist/components/overlays/Drawer/Drawer.cjs.map +1 -1
- package/dist/components/overlays/Drawer/Drawer.js.map +1 -1
- package/dist/components/overlays/Menu/Menu.cjs +1 -1
- package/dist/components/overlays/Menu/Menu.cjs.map +1 -1
- package/dist/components/overlays/Menu/Menu.js +37 -36
- package/dist/components/overlays/Menu/Menu.js.map +1 -1
- package/dist/components/overlays/Menu/keyShortcuts.cjs +2 -0
- package/dist/components/overlays/Menu/keyShortcuts.cjs.map +1 -0
- package/dist/components/overlays/Menu/keyShortcuts.js +55 -0
- package/dist/components/overlays/Menu/keyShortcuts.js.map +1 -0
- package/dist/components/overlays/Tooltip/Tooltip.cjs +1 -1
- package/dist/components/overlays/Tooltip/Tooltip.cjs.map +1 -1
- package/dist/components/overlays/Tooltip/Tooltip.js +81 -56
- package/dist/components/overlays/Tooltip/Tooltip.js.map +1 -1
- package/dist/design-system.css +1 -1
- package/dist/icons.cjs +2 -0
- package/dist/icons.cjs.map +1 -0
- package/dist/icons.js +2054 -0
- package/dist/icons.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +184 -174
- package/dist/index.js.map +1 -1
- package/dist/types/components/charts/ChartGauge/ChartGauge.d.ts +83 -0
- package/dist/types/components/charts/ChartGauge/gaugeLayout.d.ts +64 -0
- package/dist/types/components/charts/ChartGauge/gaugeReading.d.ts +97 -0
- package/dist/types/components/charts/ChartGauge/gaugeScale.d.ts +38 -0
- package/dist/types/components/charts/ChartGauge/index.d.ts +2 -0
- package/dist/types/components/charts/ChartMap/ChartMap.d.ts +104 -0
- package/dist/types/components/charts/ChartMap/ChartMapLegend.d.ts +44 -0
- package/dist/types/components/charts/ChartMap/ChartMapTable.d.ts +38 -0
- package/dist/types/components/charts/ChartMap/index.d.ts +4 -0
- package/dist/types/components/charts/ChartMap/mapGeometry.d.ts +56 -0
- package/dist/types/components/charts/ChartMap/mapLabels.d.ts +51 -0
- package/dist/types/components/charts/ChartMap/mapScales.d.ts +76 -0
- package/dist/types/components/charts/ChartMap/polylabel.d.ts +9 -0
- package/dist/types/components/charts/ChartTimeline/ChartTimeline.d.ts +137 -0
- package/dist/types/components/charts/ChartTimeline/ChartTimelineTable.d.ts +25 -0
- package/dist/types/components/charts/ChartTimeline/index.d.ts +2 -0
- package/dist/types/components/charts/ChartTimeline/timelineLayout.d.ts +70 -0
- package/dist/types/components/charts/ChartTimeline/timelineTime.d.ts +16 -0
- package/dist/types/components/charts/ChartTimeline/timelineTooltip.d.ts +45 -0
- package/dist/types/components/charts/core/ChartLegend.d.ts +3 -1
- package/dist/types/components/data-display/CodeBlock/syntax.d.ts +1 -1
- package/dist/types/components/data-display/List/List.d.ts +1 -1
- package/dist/types/components/data-display/List/useListing.d.ts +7 -1
- package/dist/types/components/data-display/Timeline/Timeline.d.ts +4 -1
- package/dist/types/components/data-display/Timeline/index.d.ts +1 -1
- package/dist/types/components/forms/ComboBox/ComboBox.d.ts +7 -1
- package/dist/types/components/forms/Field/Field.d.ts +1 -1
- package/dist/types/components/forms/InputText/InputText.d.ts +1 -1
- package/dist/types/components/forms/Select/Select.d.ts +5 -1
- package/dist/types/components/icons/suite.d.ts +2051 -0
- package/dist/types/components/navigation/Pagination/Pagination.d.ts +13 -1
- package/dist/types/components/navigation/Pagination/index.d.ts +1 -1
- package/dist/types/components/navigation/TabsNav/TabsNav.d.ts +20 -0
- package/dist/types/components/navigation/TabsNav/index.d.ts +2 -0
- package/dist/types/components/overlays/Dialog/Dialog.d.ts +19 -7
- package/dist/types/components/overlays/Dialog/DialogFrame.d.ts +8 -2
- package/dist/types/components/overlays/Drawer/Drawer.d.ts +2 -2
- package/dist/types/components/overlays/Menu/Menu.d.ts +3 -1
- package/dist/types/components/overlays/Menu/keyShortcuts.d.ts +2 -0
- package/dist/types/components/overlays/Tooltip/Tooltip.d.ts +26 -5
- package/dist/types/icons.d.ts +6 -0
- package/dist/types/index.d.ts +11 -3
- package/dist/types/utils/formatters/formatarDuracao.d.ts +5 -0
- package/dist/types/utils/formatters/index.d.ts +1 -0
- package/dist/utils/formatters/formatarDuracao.cjs +2 -0
- package/dist/utils/formatters/formatarDuracao.cjs.map +1 -0
- package/dist/utils/formatters/formatarDuracao.js +10 -0
- package/dist/utils/formatters/formatarDuracao.js.map +1 -0
- package/package.json +10 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"syntax.cjs","sources":["../../../../src/components/data-display/CodeBlock/syntax.ts"],"sourcesContent":["/**\n * Realce de sintaxe por regras lexicas, sem analisador de linguagem: reconhece o\n * que ajuda a ler o trecho — palavra reservada, texto, numero, comentario,\n * anotacao, chamada, propriedade, tag e atributo — e deixa o resto sem cor.\n */\n\nexport type CodeSyntax = 'java' | 'javascript' | 'jsx' | 'typescript' | 'tsx' | 'sql' | 'json' | 'shell';\n\nexport type CodeTokenKind =\n | 'annotation'\n | 'attribute'\n | 'comment'\n | 'function'\n | 'keyword'\n | 'number'\n | 'property'\n | 'string'\n | 'tag';\n\nexport interface CodeToken {\n kind?: CodeTokenKind;\n text: string;\n}\n\n/** Regra sem papel reconhece um trecho para que nenhuma outra o pinte, como o texto entre tags. */\ntype Rule = readonly [CodeTokenKind | undefined, RegExp];\n\ninterface Grammar {\n kinds: readonly (CodeTokenKind | undefined)[];\n pattern: RegExp;\n}\n\nexport const SYNTAX_LABELS: Readonly<Record<CodeSyntax, string>> = {\n java: 'Java',\n javascript: 'JavaScript',\n jsx: 'JSX',\n typescript: 'TypeScript',\n tsx: 'TSX',\n sql: 'SQL',\n json: 'JSON',\n shell: 'Shell',\n};\n\nfunction words(list: string): RegExp {\n return new RegExp(`\\\\b(?:${list.trim().split(/\\s+/).join('|')})\\\\b`);\n}\n\nconst BLOCK_COMMENT = /\\/\\*[\\s\\S]*?(?:\\*\\/|$)/;\nconst LINE_COMMENT = /\\/\\/.*/;\nconst DOUBLE_QUOTED = /\"(?:\\\\.|[^\"\\\\\\n])*\"?/;\nconst SINGLE_QUOTED = /'(?:\\\\.|[^'\\\\\\n])*'?/;\nconst NUMBER = /\\b(?:0[xX][\\da-fA-F_]+|\\d[\\d_]*(?:\\.\\d[\\d_]*)?(?:[eE][+-]?\\d+)?)[lLfFdDn]?\\b/;\nconst CALL = /\\b[A-Za-z_$][\\w$]*(?=\\s*\\()/;\nconst ANNOTATION = /@[A-Za-z_]\\w*/;\n\nconst JAVA_KEYWORDS = words(`\n abstract assert boolean break byte case catch char class const continue default do double else enum extends\n final finally float for goto if implements import instanceof int interface long native new package private\n protected public record return sealed short static strictfp super switch synchronized this throw throws\n transient try var void volatile while yield true false null\n`);\n\nconst JAVASCRIPT_WORDS = `\n async await break case catch class const continue debugger default delete do else export extends finally for\n from function get if import in instanceof let new of return set static super switch this throw try typeof var\n void while with yield true false null undefined\n`;\n\nconst TYPESCRIPT_WORDS = `\n abstract any as asserts bigint boolean declare enum implements infer interface is keyof namespace never number\n object private protected public readonly satisfies string symbol type unique unknown\n`;\n\nconst SQL_KEYWORDS = words(`\n add all alter and as asc begin between by case check column commit constraint create cross database default\n delete desc distinct drop else end exists foreign from full grant group having if in index inner insert into\n is join key left like limit not null offset on or order outer primary procedure references returning revoke\n right rollback schema select set table then transaction trigger true false union unique update values view\n when where with\n`);\n\nconst SHELL_KEYWORDS = words(`\n case declare do done elif else esac exit export fi for function if in local readonly return select then until\n while\n`);\n\nconst JAVASCRIPT_RULES: readonly Rule[] = [\n ['comment', LINE_COMMENT],\n ['comment', BLOCK_COMMENT],\n ['string', /`(?:\\\\[\\s\\S]|[^`\\\\])*`?/],\n ['string', DOUBLE_QUOTED],\n ['string', SINGLE_QUOTED],\n ['number', NUMBER],\n];\n\nconst JAVASCRIPT: readonly Rule[] = [...JAVASCRIPT_RULES, ['keyword', words(JAVASCRIPT_WORDS)], ['function', CALL]];\n\nconst TYPESCRIPT: readonly Rule[] = [\n ...JAVASCRIPT_RULES,\n ['annotation', ANNOTATION],\n ['keyword', words(JAVASCRIPT_WORDS + TYPESCRIPT_WORDS)],\n ['function', CALL],\n];\n\n/**\n * Vem antes das regras da linguagem. O `<` colado a um nome e o generico de `useState<string>`, e nao uma tag; o\n * texto entre `>` e `<` e conteudo, e o numero dentro dele nao e literal.\n */\nconst JSX_RULES: readonly Rule[] = [\n [undefined, /(?<=>)[^<>{}\\n]+(?=<)/],\n ['tag', /(?<=<\\/|(?:^|[^\\w$)\\]])<)[A-Za-z][\\w.]*/],\n ['attribute', /\\b[A-Za-z_][\\w-]*(?==[{\"'])/],\n];\n\nconst RULES: Readonly<Record<CodeSyntax, readonly Rule[]>> = {\n java: [\n ['comment', LINE_COMMENT],\n ['comment', BLOCK_COMMENT],\n ['string', /\"\"\"[\\s\\S]*?(?:\"\"\"|$)/],\n ['string', DOUBLE_QUOTED],\n ['string', /'(?:\\\\.|[^'\\\\\\n])'/],\n ['annotation', ANNOTATION],\n ['number', NUMBER],\n ['keyword', JAVA_KEYWORDS],\n ['function', CALL],\n ],\n javascript: JAVASCRIPT,\n jsx: [...JSX_RULES, ...JAVASCRIPT],\n typescript: TYPESCRIPT,\n tsx: [...JSX_RULES, ...TYPESCRIPT],\n sql: [\n ['comment', /--.*/],\n ['comment', BLOCK_COMMENT],\n ['string', /'(?:''|[^'])*'?/],\n ['number', NUMBER],\n ['keyword', SQL_KEYWORDS],\n ['function', CALL],\n ],\n json: [\n ['property', /\"(?:\\\\.|[^\"\\\\\\n])*\"(?=\\s*:)/],\n ['string', DOUBLE_QUOTED],\n ['number', /-?\\b\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?\\b/],\n ['keyword', /\\b(?:true|false|null)\\b/],\n ],\n shell: [\n ['comment', /(?<![^\\s;])#.*/],\n ['string', DOUBLE_QUOTED],\n ['string', SINGLE_QUOTED],\n ['property', /\\$(?:\\{[^}\\n]*\\}|\\w+|[@*#?$!])/],\n ['keyword', SHELL_KEYWORDS],\n ['number', NUMBER],\n ],\n};\n\n/** O SQL e lido sem distincao de caixa: `select` e `SELECT` sao a mesma palavra. */\nconst CASE_INSENSITIVE: ReadonlySet<CodeSyntax> = new Set(['sql']);\n\nconst grammars = new Map<CodeSyntax, Grammar>();\n\nfunction grammarOf(syntax: CodeSyntax): Grammar {\n const cached = grammars.get(syntax);\n\n if (cached) {\n return cached;\n }\n\n const rules = RULES[syntax];\n const flags = CASE_INSENSITIVE.has(syntax) ? 'gi' : 'g';\n const grammar = {\n kinds: rules.map(([kind]) => kind),\n pattern: new RegExp(rules.map(([, rule]) => `(${rule.source})`).join('|'), flags),\n };\n\n grammars.set(syntax, grammar);\n\n return grammar;\n}\n\nexport function tokenize(code: string, syntax: CodeSyntax): CodeToken[] {\n const { kinds, pattern } = grammarOf(syntax);\n const tokens: CodeToken[] = [];\n let end = 0;\n\n for (const match of code.matchAll(pattern)) {\n if (match.index > end) {\n tokens.push({ text: code.slice(end, match.index) });\n }\n\n const kind = kinds[match.slice(1).findIndex((group) => group !== undefined)];\n\n tokens.push(kind ? { kind, text: match[0] } : { text: match[0] });\n end = match.index + match[0].length;\n }\n\n if (end < code.length) {\n tokens.push({ text: code.slice(end) });\n }\n\n return tokens;\n}\n\n/** As linhas do trecho, cada uma com os seus pedacos: o comentario de bloco que atravessa linhas e partido nelas. */\nexport function tokenizeLines(code: string, syntax?: CodeSyntax): CodeToken[][] {\n const lines: CodeToken[][] = [[]];\n\n for (const token of syntax ? tokenize(code, syntax) : [{ text: code }]) {\n token.text.split('\\n').forEach((part, index) => {\n if (index > 0) {\n lines.push([]);\n }\n\n if (part) {\n lines[lines.length - 1].push({ ...token, text: part });\n }\n });\n }\n\n return lines;\n}\n"],"names":["SYNTAX_LABELS","words","list","BLOCK_COMMENT","LINE_COMMENT","DOUBLE_QUOTED","SINGLE_QUOTED","NUMBER","CALL","ANNOTATION","JAVA_KEYWORDS","JAVASCRIPT_WORDS","TYPESCRIPT_WORDS","SQL_KEYWORDS","SHELL_KEYWORDS","JAVASCRIPT_RULES","JAVASCRIPT","TYPESCRIPT","JSX_RULES","RULES","CASE_INSENSITIVE","grammars","grammarOf","syntax","cached","rules","flags","grammar","kind","rule","tokenize","code","kinds","pattern","tokens","end","match","group","tokenizeLines","lines","token","part","index"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"syntax.cjs","sources":["../../../../src/components/data-display/CodeBlock/syntax.ts"],"sourcesContent":["/**\n * Realce de sintaxe por regras lexicas, sem analisador de linguagem: reconhece o\n * que ajuda a ler o trecho — palavra reservada, texto, numero, comentario,\n * anotacao, chamada, propriedade, tag e atributo — e deixa o resto sem cor.\n */\n\nexport type CodeSyntax = 'java' | 'javascript' | 'jsx' | 'typescript' | 'tsx' | 'sql' | 'json' | 'shell' | 'delphi';\n\nexport type CodeTokenKind =\n | 'annotation'\n | 'attribute'\n | 'comment'\n | 'function'\n | 'keyword'\n | 'number'\n | 'property'\n | 'string'\n | 'tag';\n\nexport interface CodeToken {\n kind?: CodeTokenKind;\n text: string;\n}\n\n/** Regra sem papel reconhece um trecho para que nenhuma outra o pinte, como o texto entre tags. */\ntype Rule = readonly [CodeTokenKind | undefined, RegExp];\n\ninterface Grammar {\n kinds: readonly (CodeTokenKind | undefined)[];\n pattern: RegExp;\n}\n\nexport const SYNTAX_LABELS: Readonly<Record<CodeSyntax, string>> = {\n java: 'Java',\n javascript: 'JavaScript',\n jsx: 'JSX',\n typescript: 'TypeScript',\n tsx: 'TSX',\n sql: 'SQL',\n json: 'JSON',\n shell: 'Shell',\n delphi: 'Delphi',\n};\n\nfunction words(list: string): RegExp {\n return new RegExp(`\\\\b(?:${list.trim().split(/\\s+/).join('|')})\\\\b`);\n}\n\nconst BLOCK_COMMENT = /\\/\\*[\\s\\S]*?(?:\\*\\/|$)/;\nconst LINE_COMMENT = /\\/\\/.*/;\nconst DOUBLE_QUOTED = /\"(?:\\\\.|[^\"\\\\\\n])*\"?/;\nconst SINGLE_QUOTED = /'(?:\\\\.|[^'\\\\\\n])*'?/;\nconst NUMBER = /\\b(?:0[xX][\\da-fA-F_]+|\\d[\\d_]*(?:\\.\\d[\\d_]*)?(?:[eE][+-]?\\d+)?)[lLfFdDn]?\\b/;\nconst CALL = /\\b[A-Za-z_$][\\w$]*(?=\\s*\\()/;\nconst ANNOTATION = /@[A-Za-z_]\\w*/;\n\nconst JAVA_KEYWORDS = words(`\n abstract assert boolean break byte case catch char class const continue default do double else enum extends\n final finally float for goto if implements import instanceof int interface long native new package private\n protected public record return sealed short static strictfp super switch synchronized this throw throws\n transient try var void volatile while yield true false null\n`);\n\nconst JAVASCRIPT_WORDS = `\n async await break case catch class const continue debugger default delete do else export extends finally for\n from function get if import in instanceof let new of return set static super switch this throw try typeof var\n void while with yield true false null undefined\n`;\n\nconst TYPESCRIPT_WORDS = `\n abstract any as asserts bigint boolean declare enum implements infer interface is keyof namespace never number\n object private protected public readonly satisfies string symbol type unique unknown\n`;\n\nconst SQL_KEYWORDS = words(`\n add all alter and as asc begin between by case check column commit constraint create cross database default\n delete desc distinct drop else end exists foreign from full grant group having if in index inner insert into\n is join key left like limit not null offset on or order outer primary procedure references returning revoke\n right rollback schema select set table then transaction trigger true false union unique update values view\n when where with\n`);\n\nconst SHELL_KEYWORDS = words(`\n case declare do done elif else esac exit export fi for function if in local readonly return select then until\n while\n`);\n\nconst DELPHI_KEYWORDS = words(`\n absolute abstract and array as asm begin case class const constructor default deprecated destructor dispinterface\n div do downto dynamic else end except exports external false file finalization finally for forward function goto\n helper if implementation implements in inherited initialization inline interface is label library message mod nil\n not object of on operator or out overload override packed platform private procedure program property protected\n public published raise read record reintroduce repeat resourcestring sealed self set shl shr static stdcall strict\n string then threadvar to true try type unit until uses var virtual while with write xor\n`);\n\nconst JAVASCRIPT_RULES: readonly Rule[] = [\n ['comment', LINE_COMMENT],\n ['comment', BLOCK_COMMENT],\n ['string', /`(?:\\\\[\\s\\S]|[^`\\\\])*`?/],\n ['string', DOUBLE_QUOTED],\n ['string', SINGLE_QUOTED],\n ['number', NUMBER],\n];\n\nconst JAVASCRIPT: readonly Rule[] = [...JAVASCRIPT_RULES, ['keyword', words(JAVASCRIPT_WORDS)], ['function', CALL]];\n\nconst TYPESCRIPT: readonly Rule[] = [\n ...JAVASCRIPT_RULES,\n ['annotation', ANNOTATION],\n ['keyword', words(JAVASCRIPT_WORDS + TYPESCRIPT_WORDS)],\n ['function', CALL],\n];\n\n/**\n * Vem antes das regras da linguagem. O `<` colado a um nome e o generico de `useState<string>`, e nao uma tag; o\n * texto entre `>` e `<` e conteudo, e o numero dentro dele nao e literal.\n */\nconst JSX_RULES: readonly Rule[] = [\n [undefined, /(?<=>)[^<>{}\\n]+(?=<)/],\n ['tag', /(?<=<\\/|(?:^|[^\\w$)\\]])<)[A-Za-z][\\w.]*/],\n ['attribute', /\\b[A-Za-z_][\\w-]*(?==[{\"'])/],\n];\n\nconst RULES: Readonly<Record<CodeSyntax, readonly Rule[]>> = {\n java: [\n ['comment', LINE_COMMENT],\n ['comment', BLOCK_COMMENT],\n ['string', /\"\"\"[\\s\\S]*?(?:\"\"\"|$)/],\n ['string', DOUBLE_QUOTED],\n ['string', /'(?:\\\\.|[^'\\\\\\n])'/],\n ['annotation', ANNOTATION],\n ['number', NUMBER],\n ['keyword', JAVA_KEYWORDS],\n ['function', CALL],\n ],\n javascript: JAVASCRIPT,\n jsx: [...JSX_RULES, ...JAVASCRIPT],\n typescript: TYPESCRIPT,\n tsx: [...JSX_RULES, ...TYPESCRIPT],\n sql: [\n ['comment', /--.*/],\n ['comment', BLOCK_COMMENT],\n ['string', /'(?:''|[^'])*'?/],\n ['number', NUMBER],\n ['keyword', SQL_KEYWORDS],\n ['function', CALL],\n ],\n json: [\n ['property', /\"(?:\\\\.|[^\"\\\\\\n])*\"(?=\\s*:)/],\n ['string', DOUBLE_QUOTED],\n ['number', /-?\\b\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?\\b/],\n ['keyword', /\\b(?:true|false|null)\\b/],\n ],\n shell: [\n ['comment', /(?<![^\\s;])#.*/],\n ['string', DOUBLE_QUOTED],\n ['string', SINGLE_QUOTED],\n ['property', /\\$(?:\\{[^}\\n]*\\}|\\w+|[@*#?$!])/],\n ['keyword', SHELL_KEYWORDS],\n ['number', NUMBER],\n ],\n // A diretiva de compilacao usa a forma do comentario, com `$` na abertura: vem antes dele e sai como anotacao.\n delphi: [\n ['annotation', /\\{\\$[^}]*\\}?|\\(\\*\\$[\\s\\S]*?(?:\\*\\)|$)/],\n ['comment', LINE_COMMENT],\n ['comment', /\\{[\\s\\S]*?(?:\\}|$)/],\n ['comment', /\\(\\*[\\s\\S]*?(?:\\*\\)|$)/],\n ['string', /'(?:''|[^'\\n])*'?/],\n ['string', /#(?:\\$[\\da-fA-F]+|\\d+)/],\n ['number', /\\$[\\da-fA-F]+\\b|%[01]+\\b|\\b\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?\\b/],\n ['keyword', DELPHI_KEYWORDS],\n ['function', CALL],\n ],\n};\n\n/** SQL e Delphi sao lidos sem distincao de caixa: `select` e `SELECT`, `begin` e `Begin` sao a mesma palavra. */\nconst CASE_INSENSITIVE: ReadonlySet<CodeSyntax> = new Set(['sql', 'delphi']);\n\nconst grammars = new Map<CodeSyntax, Grammar>();\n\nfunction grammarOf(syntax: CodeSyntax): Grammar {\n const cached = grammars.get(syntax);\n\n if (cached) {\n return cached;\n }\n\n const rules = RULES[syntax];\n const flags = CASE_INSENSITIVE.has(syntax) ? 'gi' : 'g';\n const grammar = {\n kinds: rules.map(([kind]) => kind),\n pattern: new RegExp(rules.map(([, rule]) => `(${rule.source})`).join('|'), flags),\n };\n\n grammars.set(syntax, grammar);\n\n return grammar;\n}\n\nexport function tokenize(code: string, syntax: CodeSyntax): CodeToken[] {\n const { kinds, pattern } = grammarOf(syntax);\n const tokens: CodeToken[] = [];\n let end = 0;\n\n for (const match of code.matchAll(pattern)) {\n if (match.index > end) {\n tokens.push({ text: code.slice(end, match.index) });\n }\n\n const kind = kinds[match.slice(1).findIndex((group) => group !== undefined)];\n\n tokens.push(kind ? { kind, text: match[0] } : { text: match[0] });\n end = match.index + match[0].length;\n }\n\n if (end < code.length) {\n tokens.push({ text: code.slice(end) });\n }\n\n return tokens;\n}\n\n/** As linhas do trecho, cada uma com os seus pedacos: o comentario de bloco que atravessa linhas e partido nelas. */\nexport function tokenizeLines(code: string, syntax?: CodeSyntax): CodeToken[][] {\n const lines: CodeToken[][] = [[]];\n\n for (const token of syntax ? tokenize(code, syntax) : [{ text: code }]) {\n token.text.split('\\n').forEach((part, index) => {\n if (index > 0) {\n lines.push([]);\n }\n\n if (part) {\n lines[lines.length - 1].push({ ...token, text: part });\n }\n });\n }\n\n return lines;\n}\n"],"names":["SYNTAX_LABELS","words","list","BLOCK_COMMENT","LINE_COMMENT","DOUBLE_QUOTED","SINGLE_QUOTED","NUMBER","CALL","ANNOTATION","JAVA_KEYWORDS","JAVASCRIPT_WORDS","TYPESCRIPT_WORDS","SQL_KEYWORDS","SHELL_KEYWORDS","DELPHI_KEYWORDS","JAVASCRIPT_RULES","JAVASCRIPT","TYPESCRIPT","JSX_RULES","RULES","CASE_INSENSITIVE","grammars","grammarOf","syntax","cached","rules","flags","grammar","kind","rule","tokenize","code","kinds","pattern","tokens","end","match","group","tokenizeLines","lines","token","part","index"],"mappings":"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"}
|
|
@@ -6,12 +6,13 @@ const j = {
|
|
|
6
6
|
tsx: "TSX",
|
|
7
7
|
sql: "SQL",
|
|
8
8
|
json: "JSON",
|
|
9
|
-
shell: "Shell"
|
|
9
|
+
shell: "Shell",
|
|
10
|
+
delphi: "Delphi"
|
|
10
11
|
};
|
|
11
12
|
function a(e) {
|
|
12
13
|
return new RegExp(`\\b(?:${e.trim().split(/\s+/).join("|")})\\b`);
|
|
13
14
|
}
|
|
14
|
-
const
|
|
15
|
+
const u = /\/\*[\s\S]*?(?:\*\/|$)/, f = /\/\/.*/, l = /"(?:\\.|[^"\\\n])*"?/, w = /'(?:\\.|[^'\\\n])*'?/, d = /\b(?:0[xX][\da-fA-F_]+|\d[\d_]*(?:\.\d[\d_]*)?(?:[eE][+-]?\d+)?)[lLfFdDn]?\b/, c = /\b[A-Za-z_$][\w$]*(?=\s*\()/, S = /@[A-Za-z_]\w*/, x = a(`
|
|
15
16
|
abstract assert boolean break byte case catch char class const continue default do double else enum extends
|
|
16
17
|
final finally float for goto if implements import instanceof int interface long native new package private
|
|
17
18
|
protected public record return sealed short static strictfp super switch synchronized this throw throws
|
|
@@ -20,7 +21,7 @@ const d = /\/\*[\s\S]*?(?:\*\/|$)/, b = /\/\/.*/, c = /"(?:\\.|[^"\\\n])*"?/, w
|
|
|
20
21
|
async await break case catch class const continue debugger default delete do else export extends finally for
|
|
21
22
|
from function get if import in instanceof let new of return set static super switch this throw try typeof var
|
|
22
23
|
void while with yield true false null undefined
|
|
23
|
-
`,
|
|
24
|
+
`, k = `
|
|
24
25
|
abstract any as asserts bigint boolean declare enum implements infer interface is keyof namespace never number
|
|
25
26
|
object private protected public readonly satisfies string symbol type unique unknown
|
|
26
27
|
`, A = a(`
|
|
@@ -32,93 +33,112 @@ const d = /\/\*[\s\S]*?(?:\*\/|$)/, b = /\/\/.*/, c = /"(?:\\.|[^"\\\n])*"?/, w
|
|
|
32
33
|
`), _ = a(`
|
|
33
34
|
case declare do done elif else esac exit export fi for function if in local readonly return select then until
|
|
34
35
|
while
|
|
36
|
+
`), L = a(`
|
|
37
|
+
absolute abstract and array as asm begin case class const constructor default deprecated destructor dispinterface
|
|
38
|
+
div do downto dynamic else end except exports external false file finalization finally for forward function goto
|
|
39
|
+
helper if implementation implements in inherited initialization inline interface is label library message mod nil
|
|
40
|
+
not object of on operator or out overload override packed platform private procedure program property protected
|
|
41
|
+
public published raise read record reintroduce repeat resourcestring sealed self set shl shr static stdcall strict
|
|
42
|
+
string then threadvar to true try type unit until uses var virtual while with write xor
|
|
35
43
|
`), E = [
|
|
36
|
-
["comment",
|
|
37
|
-
["comment",
|
|
44
|
+
["comment", f],
|
|
45
|
+
["comment", u],
|
|
38
46
|
["string", /`(?:\\[\s\S]|[^`\\])*`?/],
|
|
39
|
-
["string",
|
|
47
|
+
["string", l],
|
|
40
48
|
["string", w],
|
|
41
|
-
["number",
|
|
42
|
-
],
|
|
49
|
+
["number", d]
|
|
50
|
+
], m = [...E, ["keyword", a(y)], ["function", c]], h = [
|
|
43
51
|
...E,
|
|
44
52
|
["annotation", S],
|
|
45
|
-
["keyword", a(y +
|
|
46
|
-
["function",
|
|
47
|
-
],
|
|
53
|
+
["keyword", a(y + k)],
|
|
54
|
+
["function", c]
|
|
55
|
+
], b = [
|
|
48
56
|
[void 0, new RegExp("(?<=>)[^<>{}\\n]+(?=<)")],
|
|
49
57
|
["tag", new RegExp("(?<=<\\/|(?:^|[^\\w$)\\]])<)[A-Za-z][\\w.]*")],
|
|
50
58
|
["attribute", /\b[A-Za-z_][\w-]*(?==[{"'])/]
|
|
51
|
-
],
|
|
59
|
+
], R = {
|
|
52
60
|
java: [
|
|
53
|
-
["comment",
|
|
54
|
-
["comment",
|
|
61
|
+
["comment", f],
|
|
62
|
+
["comment", u],
|
|
55
63
|
["string", /"""[\s\S]*?(?:"""|$)/],
|
|
56
|
-
["string",
|
|
64
|
+
["string", l],
|
|
57
65
|
["string", /'(?:\\.|[^'\\\n])'/],
|
|
58
66
|
["annotation", S],
|
|
59
|
-
["number",
|
|
67
|
+
["number", d],
|
|
60
68
|
["keyword", x],
|
|
61
|
-
["function",
|
|
69
|
+
["function", c]
|
|
62
70
|
],
|
|
63
|
-
javascript:
|
|
64
|
-
jsx: [...
|
|
65
|
-
typescript:
|
|
66
|
-
tsx: [...
|
|
71
|
+
javascript: m,
|
|
72
|
+
jsx: [...b, ...m],
|
|
73
|
+
typescript: h,
|
|
74
|
+
tsx: [...b, ...h],
|
|
67
75
|
sql: [
|
|
68
76
|
["comment", /--.*/],
|
|
69
|
-
["comment",
|
|
77
|
+
["comment", u],
|
|
70
78
|
["string", /'(?:''|[^'])*'?/],
|
|
71
|
-
["number",
|
|
79
|
+
["number", d],
|
|
72
80
|
["keyword", A],
|
|
73
|
-
["function",
|
|
81
|
+
["function", c]
|
|
74
82
|
],
|
|
75
83
|
json: [
|
|
76
84
|
["property", /"(?:\\.|[^"\\\n])*"(?=\s*:)/],
|
|
77
|
-
["string",
|
|
85
|
+
["string", l],
|
|
78
86
|
["number", /-?\b\d+(?:\.\d+)?(?:[eE][+-]?\d+)?\b/],
|
|
79
87
|
["keyword", /\b(?:true|false|null)\b/]
|
|
80
88
|
],
|
|
81
89
|
shell: [
|
|
82
90
|
["comment", new RegExp("(?<![^\\s;])#.*")],
|
|
83
|
-
["string",
|
|
91
|
+
["string", l],
|
|
84
92
|
["string", w],
|
|
85
93
|
["property", /\$(?:\{[^}\n]*\}|\w+|[@*#?$!])/],
|
|
86
94
|
["keyword", _],
|
|
87
|
-
["number",
|
|
95
|
+
["number", d]
|
|
96
|
+
],
|
|
97
|
+
// A diretiva de compilacao usa a forma do comentario, com `$` na abertura: vem antes dele e sai como anotacao.
|
|
98
|
+
delphi: [
|
|
99
|
+
["annotation", /\{\$[^}]*\}?|\(\*\$[\s\S]*?(?:\*\)|$)/],
|
|
100
|
+
["comment", f],
|
|
101
|
+
["comment", /\{[\s\S]*?(?:\}|$)/],
|
|
102
|
+
["comment", /\(\*[\s\S]*?(?:\*\)|$)/],
|
|
103
|
+
["string", /'(?:''|[^'\n])*'?/],
|
|
104
|
+
["string", /#(?:\$[\da-fA-F]+|\d+)/],
|
|
105
|
+
["number", /\$[\da-fA-F]+\b|%[01]+\b|\b\d+(?:\.\d+)?(?:[eE][+-]?\d+)?\b/],
|
|
106
|
+
["keyword", L],
|
|
107
|
+
["function", c]
|
|
88
108
|
]
|
|
89
|
-
}, T = /* @__PURE__ */ new Set(["sql"]), g = /* @__PURE__ */ new Map();
|
|
90
|
-
function
|
|
91
|
-
const
|
|
92
|
-
if (
|
|
93
|
-
return
|
|
94
|
-
const
|
|
95
|
-
kinds:
|
|
96
|
-
pattern: new RegExp(
|
|
109
|
+
}, T = /* @__PURE__ */ new Set(["sql", "delphi"]), g = /* @__PURE__ */ new Map();
|
|
110
|
+
function O(e) {
|
|
111
|
+
const s = g.get(e);
|
|
112
|
+
if (s)
|
|
113
|
+
return s;
|
|
114
|
+
const r = R[e], o = T.has(e) ? "gi" : "g", n = {
|
|
115
|
+
kinds: r.map(([t]) => t),
|
|
116
|
+
pattern: new RegExp(r.map(([, t]) => `(${t.source})`).join("|"), o)
|
|
97
117
|
};
|
|
98
118
|
return g.set(e, n), n;
|
|
99
119
|
}
|
|
100
|
-
function
|
|
101
|
-
const { kinds:
|
|
120
|
+
function $(e, s) {
|
|
121
|
+
const { kinds: r, pattern: o } = O(s), n = [];
|
|
102
122
|
let t = 0;
|
|
103
|
-
for (const
|
|
104
|
-
|
|
105
|
-
const
|
|
106
|
-
n.push(
|
|
123
|
+
for (const i of e.matchAll(o)) {
|
|
124
|
+
i.index > t && n.push({ text: e.slice(t, i.index) });
|
|
125
|
+
const p = r[i.slice(1).findIndex((v) => v !== void 0)];
|
|
126
|
+
n.push(p ? { kind: p, text: i[0] } : { text: i[0] }), t = i.index + i[0].length;
|
|
107
127
|
}
|
|
108
128
|
return t < e.length && n.push({ text: e.slice(t) }), n;
|
|
109
129
|
}
|
|
110
|
-
function I(e,
|
|
111
|
-
const
|
|
112
|
-
for (const
|
|
113
|
-
|
|
130
|
+
function I(e, s) {
|
|
131
|
+
const r = [[]];
|
|
132
|
+
for (const o of s ? $(e, s) : [{ text: e }])
|
|
133
|
+
o.text.split(`
|
|
114
134
|
`).forEach((n, t) => {
|
|
115
|
-
t > 0 &&
|
|
135
|
+
t > 0 && r.push([]), n && r[r.length - 1].push({ ...o, text: n });
|
|
116
136
|
});
|
|
117
|
-
return
|
|
137
|
+
return r;
|
|
118
138
|
}
|
|
119
139
|
export {
|
|
120
140
|
j as SYNTAX_LABELS,
|
|
121
|
-
|
|
141
|
+
$ as tokenize,
|
|
122
142
|
I as tokenizeLines
|
|
123
143
|
};
|
|
124
144
|
//# sourceMappingURL=syntax.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"syntax.js","sources":["../../../../src/components/data-display/CodeBlock/syntax.ts"],"sourcesContent":["/**\n * Realce de sintaxe por regras lexicas, sem analisador de linguagem: reconhece o\n * que ajuda a ler o trecho — palavra reservada, texto, numero, comentario,\n * anotacao, chamada, propriedade, tag e atributo — e deixa o resto sem cor.\n */\n\nexport type CodeSyntax = 'java' | 'javascript' | 'jsx' | 'typescript' | 'tsx' | 'sql' | 'json' | 'shell';\n\nexport type CodeTokenKind =\n | 'annotation'\n | 'attribute'\n | 'comment'\n | 'function'\n | 'keyword'\n | 'number'\n | 'property'\n | 'string'\n | 'tag';\n\nexport interface CodeToken {\n kind?: CodeTokenKind;\n text: string;\n}\n\n/** Regra sem papel reconhece um trecho para que nenhuma outra o pinte, como o texto entre tags. */\ntype Rule = readonly [CodeTokenKind | undefined, RegExp];\n\ninterface Grammar {\n kinds: readonly (CodeTokenKind | undefined)[];\n pattern: RegExp;\n}\n\nexport const SYNTAX_LABELS: Readonly<Record<CodeSyntax, string>> = {\n java: 'Java',\n javascript: 'JavaScript',\n jsx: 'JSX',\n typescript: 'TypeScript',\n tsx: 'TSX',\n sql: 'SQL',\n json: 'JSON',\n shell: 'Shell',\n};\n\nfunction words(list: string): RegExp {\n return new RegExp(`\\\\b(?:${list.trim().split(/\\s+/).join('|')})\\\\b`);\n}\n\nconst BLOCK_COMMENT = /\\/\\*[\\s\\S]*?(?:\\*\\/|$)/;\nconst LINE_COMMENT = /\\/\\/.*/;\nconst DOUBLE_QUOTED = /\"(?:\\\\.|[^\"\\\\\\n])*\"?/;\nconst SINGLE_QUOTED = /'(?:\\\\.|[^'\\\\\\n])*'?/;\nconst NUMBER = /\\b(?:0[xX][\\da-fA-F_]+|\\d[\\d_]*(?:\\.\\d[\\d_]*)?(?:[eE][+-]?\\d+)?)[lLfFdDn]?\\b/;\nconst CALL = /\\b[A-Za-z_$][\\w$]*(?=\\s*\\()/;\nconst ANNOTATION = /@[A-Za-z_]\\w*/;\n\nconst JAVA_KEYWORDS = words(`\n abstract assert boolean break byte case catch char class const continue default do double else enum extends\n final finally float for goto if implements import instanceof int interface long native new package private\n protected public record return sealed short static strictfp super switch synchronized this throw throws\n transient try var void volatile while yield true false null\n`);\n\nconst JAVASCRIPT_WORDS = `\n async await break case catch class const continue debugger default delete do else export extends finally for\n from function get if import in instanceof let new of return set static super switch this throw try typeof var\n void while with yield true false null undefined\n`;\n\nconst TYPESCRIPT_WORDS = `\n abstract any as asserts bigint boolean declare enum implements infer interface is keyof namespace never number\n object private protected public readonly satisfies string symbol type unique unknown\n`;\n\nconst SQL_KEYWORDS = words(`\n add all alter and as asc begin between by case check column commit constraint create cross database default\n delete desc distinct drop else end exists foreign from full grant group having if in index inner insert into\n is join key left like limit not null offset on or order outer primary procedure references returning revoke\n right rollback schema select set table then transaction trigger true false union unique update values view\n when where with\n`);\n\nconst SHELL_KEYWORDS = words(`\n case declare do done elif else esac exit export fi for function if in local readonly return select then until\n while\n`);\n\nconst JAVASCRIPT_RULES: readonly Rule[] = [\n ['comment', LINE_COMMENT],\n ['comment', BLOCK_COMMENT],\n ['string', /`(?:\\\\[\\s\\S]|[^`\\\\])*`?/],\n ['string', DOUBLE_QUOTED],\n ['string', SINGLE_QUOTED],\n ['number', NUMBER],\n];\n\nconst JAVASCRIPT: readonly Rule[] = [...JAVASCRIPT_RULES, ['keyword', words(JAVASCRIPT_WORDS)], ['function', CALL]];\n\nconst TYPESCRIPT: readonly Rule[] = [\n ...JAVASCRIPT_RULES,\n ['annotation', ANNOTATION],\n ['keyword', words(JAVASCRIPT_WORDS + TYPESCRIPT_WORDS)],\n ['function', CALL],\n];\n\n/**\n * Vem antes das regras da linguagem. O `<` colado a um nome e o generico de `useState<string>`, e nao uma tag; o\n * texto entre `>` e `<` e conteudo, e o numero dentro dele nao e literal.\n */\nconst JSX_RULES: readonly Rule[] = [\n [undefined, /(?<=>)[^<>{}\\n]+(?=<)/],\n ['tag', /(?<=<\\/|(?:^|[^\\w$)\\]])<)[A-Za-z][\\w.]*/],\n ['attribute', /\\b[A-Za-z_][\\w-]*(?==[{\"'])/],\n];\n\nconst RULES: Readonly<Record<CodeSyntax, readonly Rule[]>> = {\n java: [\n ['comment', LINE_COMMENT],\n ['comment', BLOCK_COMMENT],\n ['string', /\"\"\"[\\s\\S]*?(?:\"\"\"|$)/],\n ['string', DOUBLE_QUOTED],\n ['string', /'(?:\\\\.|[^'\\\\\\n])'/],\n ['annotation', ANNOTATION],\n ['number', NUMBER],\n ['keyword', JAVA_KEYWORDS],\n ['function', CALL],\n ],\n javascript: JAVASCRIPT,\n jsx: [...JSX_RULES, ...JAVASCRIPT],\n typescript: TYPESCRIPT,\n tsx: [...JSX_RULES, ...TYPESCRIPT],\n sql: [\n ['comment', /--.*/],\n ['comment', BLOCK_COMMENT],\n ['string', /'(?:''|[^'])*'?/],\n ['number', NUMBER],\n ['keyword', SQL_KEYWORDS],\n ['function', CALL],\n ],\n json: [\n ['property', /\"(?:\\\\.|[^\"\\\\\\n])*\"(?=\\s*:)/],\n ['string', DOUBLE_QUOTED],\n ['number', /-?\\b\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?\\b/],\n ['keyword', /\\b(?:true|false|null)\\b/],\n ],\n shell: [\n ['comment', /(?<![^\\s;])#.*/],\n ['string', DOUBLE_QUOTED],\n ['string', SINGLE_QUOTED],\n ['property', /\\$(?:\\{[^}\\n]*\\}|\\w+|[@*#?$!])/],\n ['keyword', SHELL_KEYWORDS],\n ['number', NUMBER],\n ],\n};\n\n/** O SQL e lido sem distincao de caixa: `select` e `SELECT` sao a mesma palavra. */\nconst CASE_INSENSITIVE: ReadonlySet<CodeSyntax> = new Set(['sql']);\n\nconst grammars = new Map<CodeSyntax, Grammar>();\n\nfunction grammarOf(syntax: CodeSyntax): Grammar {\n const cached = grammars.get(syntax);\n\n if (cached) {\n return cached;\n }\n\n const rules = RULES[syntax];\n const flags = CASE_INSENSITIVE.has(syntax) ? 'gi' : 'g';\n const grammar = {\n kinds: rules.map(([kind]) => kind),\n pattern: new RegExp(rules.map(([, rule]) => `(${rule.source})`).join('|'), flags),\n };\n\n grammars.set(syntax, grammar);\n\n return grammar;\n}\n\nexport function tokenize(code: string, syntax: CodeSyntax): CodeToken[] {\n const { kinds, pattern } = grammarOf(syntax);\n const tokens: CodeToken[] = [];\n let end = 0;\n\n for (const match of code.matchAll(pattern)) {\n if (match.index > end) {\n tokens.push({ text: code.slice(end, match.index) });\n }\n\n const kind = kinds[match.slice(1).findIndex((group) => group !== undefined)];\n\n tokens.push(kind ? { kind, text: match[0] } : { text: match[0] });\n end = match.index + match[0].length;\n }\n\n if (end < code.length) {\n tokens.push({ text: code.slice(end) });\n }\n\n return tokens;\n}\n\n/** As linhas do trecho, cada uma com os seus pedacos: o comentario de bloco que atravessa linhas e partido nelas. */\nexport function tokenizeLines(code: string, syntax?: CodeSyntax): CodeToken[][] {\n const lines: CodeToken[][] = [[]];\n\n for (const token of syntax ? tokenize(code, syntax) : [{ text: code }]) {\n token.text.split('\\n').forEach((part, index) => {\n if (index > 0) {\n lines.push([]);\n }\n\n if (part) {\n lines[lines.length - 1].push({ ...token, text: part });\n }\n });\n }\n\n return lines;\n}\n"],"names":["SYNTAX_LABELS","words","list","BLOCK_COMMENT","LINE_COMMENT","DOUBLE_QUOTED","SINGLE_QUOTED","NUMBER","CALL","ANNOTATION","JAVA_KEYWORDS","JAVASCRIPT_WORDS","TYPESCRIPT_WORDS","SQL_KEYWORDS","SHELL_KEYWORDS","JAVASCRIPT_RULES","JAVASCRIPT","TYPESCRIPT","JSX_RULES","RULES","CASE_INSENSITIVE","grammars","grammarOf","syntax","cached","rules","flags","grammar","kind","rule","tokenize","code","kinds","pattern","tokens","end","match","group","tokenizeLines","lines","token","part","index"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"syntax.js","sources":["../../../../src/components/data-display/CodeBlock/syntax.ts"],"sourcesContent":["/**\n * Realce de sintaxe por regras lexicas, sem analisador de linguagem: reconhece o\n * que ajuda a ler o trecho — palavra reservada, texto, numero, comentario,\n * anotacao, chamada, propriedade, tag e atributo — e deixa o resto sem cor.\n */\n\nexport type CodeSyntax = 'java' | 'javascript' | 'jsx' | 'typescript' | 'tsx' | 'sql' | 'json' | 'shell' | 'delphi';\n\nexport type CodeTokenKind =\n | 'annotation'\n | 'attribute'\n | 'comment'\n | 'function'\n | 'keyword'\n | 'number'\n | 'property'\n | 'string'\n | 'tag';\n\nexport interface CodeToken {\n kind?: CodeTokenKind;\n text: string;\n}\n\n/** Regra sem papel reconhece um trecho para que nenhuma outra o pinte, como o texto entre tags. */\ntype Rule = readonly [CodeTokenKind | undefined, RegExp];\n\ninterface Grammar {\n kinds: readonly (CodeTokenKind | undefined)[];\n pattern: RegExp;\n}\n\nexport const SYNTAX_LABELS: Readonly<Record<CodeSyntax, string>> = {\n java: 'Java',\n javascript: 'JavaScript',\n jsx: 'JSX',\n typescript: 'TypeScript',\n tsx: 'TSX',\n sql: 'SQL',\n json: 'JSON',\n shell: 'Shell',\n delphi: 'Delphi',\n};\n\nfunction words(list: string): RegExp {\n return new RegExp(`\\\\b(?:${list.trim().split(/\\s+/).join('|')})\\\\b`);\n}\n\nconst BLOCK_COMMENT = /\\/\\*[\\s\\S]*?(?:\\*\\/|$)/;\nconst LINE_COMMENT = /\\/\\/.*/;\nconst DOUBLE_QUOTED = /\"(?:\\\\.|[^\"\\\\\\n])*\"?/;\nconst SINGLE_QUOTED = /'(?:\\\\.|[^'\\\\\\n])*'?/;\nconst NUMBER = /\\b(?:0[xX][\\da-fA-F_]+|\\d[\\d_]*(?:\\.\\d[\\d_]*)?(?:[eE][+-]?\\d+)?)[lLfFdDn]?\\b/;\nconst CALL = /\\b[A-Za-z_$][\\w$]*(?=\\s*\\()/;\nconst ANNOTATION = /@[A-Za-z_]\\w*/;\n\nconst JAVA_KEYWORDS = words(`\n abstract assert boolean break byte case catch char class const continue default do double else enum extends\n final finally float for goto if implements import instanceof int interface long native new package private\n protected public record return sealed short static strictfp super switch synchronized this throw throws\n transient try var void volatile while yield true false null\n`);\n\nconst JAVASCRIPT_WORDS = `\n async await break case catch class const continue debugger default delete do else export extends finally for\n from function get if import in instanceof let new of return set static super switch this throw try typeof var\n void while with yield true false null undefined\n`;\n\nconst TYPESCRIPT_WORDS = `\n abstract any as asserts bigint boolean declare enum implements infer interface is keyof namespace never number\n object private protected public readonly satisfies string symbol type unique unknown\n`;\n\nconst SQL_KEYWORDS = words(`\n add all alter and as asc begin between by case check column commit constraint create cross database default\n delete desc distinct drop else end exists foreign from full grant group having if in index inner insert into\n is join key left like limit not null offset on or order outer primary procedure references returning revoke\n right rollback schema select set table then transaction trigger true false union unique update values view\n when where with\n`);\n\nconst SHELL_KEYWORDS = words(`\n case declare do done elif else esac exit export fi for function if in local readonly return select then until\n while\n`);\n\nconst DELPHI_KEYWORDS = words(`\n absolute abstract and array as asm begin case class const constructor default deprecated destructor dispinterface\n div do downto dynamic else end except exports external false file finalization finally for forward function goto\n helper if implementation implements in inherited initialization inline interface is label library message mod nil\n not object of on operator or out overload override packed platform private procedure program property protected\n public published raise read record reintroduce repeat resourcestring sealed self set shl shr static stdcall strict\n string then threadvar to true try type unit until uses var virtual while with write xor\n`);\n\nconst JAVASCRIPT_RULES: readonly Rule[] = [\n ['comment', LINE_COMMENT],\n ['comment', BLOCK_COMMENT],\n ['string', /`(?:\\\\[\\s\\S]|[^`\\\\])*`?/],\n ['string', DOUBLE_QUOTED],\n ['string', SINGLE_QUOTED],\n ['number', NUMBER],\n];\n\nconst JAVASCRIPT: readonly Rule[] = [...JAVASCRIPT_RULES, ['keyword', words(JAVASCRIPT_WORDS)], ['function', CALL]];\n\nconst TYPESCRIPT: readonly Rule[] = [\n ...JAVASCRIPT_RULES,\n ['annotation', ANNOTATION],\n ['keyword', words(JAVASCRIPT_WORDS + TYPESCRIPT_WORDS)],\n ['function', CALL],\n];\n\n/**\n * Vem antes das regras da linguagem. O `<` colado a um nome e o generico de `useState<string>`, e nao uma tag; o\n * texto entre `>` e `<` e conteudo, e o numero dentro dele nao e literal.\n */\nconst JSX_RULES: readonly Rule[] = [\n [undefined, /(?<=>)[^<>{}\\n]+(?=<)/],\n ['tag', /(?<=<\\/|(?:^|[^\\w$)\\]])<)[A-Za-z][\\w.]*/],\n ['attribute', /\\b[A-Za-z_][\\w-]*(?==[{\"'])/],\n];\n\nconst RULES: Readonly<Record<CodeSyntax, readonly Rule[]>> = {\n java: [\n ['comment', LINE_COMMENT],\n ['comment', BLOCK_COMMENT],\n ['string', /\"\"\"[\\s\\S]*?(?:\"\"\"|$)/],\n ['string', DOUBLE_QUOTED],\n ['string', /'(?:\\\\.|[^'\\\\\\n])'/],\n ['annotation', ANNOTATION],\n ['number', NUMBER],\n ['keyword', JAVA_KEYWORDS],\n ['function', CALL],\n ],\n javascript: JAVASCRIPT,\n jsx: [...JSX_RULES, ...JAVASCRIPT],\n typescript: TYPESCRIPT,\n tsx: [...JSX_RULES, ...TYPESCRIPT],\n sql: [\n ['comment', /--.*/],\n ['comment', BLOCK_COMMENT],\n ['string', /'(?:''|[^'])*'?/],\n ['number', NUMBER],\n ['keyword', SQL_KEYWORDS],\n ['function', CALL],\n ],\n json: [\n ['property', /\"(?:\\\\.|[^\"\\\\\\n])*\"(?=\\s*:)/],\n ['string', DOUBLE_QUOTED],\n ['number', /-?\\b\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?\\b/],\n ['keyword', /\\b(?:true|false|null)\\b/],\n ],\n shell: [\n ['comment', /(?<![^\\s;])#.*/],\n ['string', DOUBLE_QUOTED],\n ['string', SINGLE_QUOTED],\n ['property', /\\$(?:\\{[^}\\n]*\\}|\\w+|[@*#?$!])/],\n ['keyword', SHELL_KEYWORDS],\n ['number', NUMBER],\n ],\n // A diretiva de compilacao usa a forma do comentario, com `$` na abertura: vem antes dele e sai como anotacao.\n delphi: [\n ['annotation', /\\{\\$[^}]*\\}?|\\(\\*\\$[\\s\\S]*?(?:\\*\\)|$)/],\n ['comment', LINE_COMMENT],\n ['comment', /\\{[\\s\\S]*?(?:\\}|$)/],\n ['comment', /\\(\\*[\\s\\S]*?(?:\\*\\)|$)/],\n ['string', /'(?:''|[^'\\n])*'?/],\n ['string', /#(?:\\$[\\da-fA-F]+|\\d+)/],\n ['number', /\\$[\\da-fA-F]+\\b|%[01]+\\b|\\b\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?\\b/],\n ['keyword', DELPHI_KEYWORDS],\n ['function', CALL],\n ],\n};\n\n/** SQL e Delphi sao lidos sem distincao de caixa: `select` e `SELECT`, `begin` e `Begin` sao a mesma palavra. */\nconst CASE_INSENSITIVE: ReadonlySet<CodeSyntax> = new Set(['sql', 'delphi']);\n\nconst grammars = new Map<CodeSyntax, Grammar>();\n\nfunction grammarOf(syntax: CodeSyntax): Grammar {\n const cached = grammars.get(syntax);\n\n if (cached) {\n return cached;\n }\n\n const rules = RULES[syntax];\n const flags = CASE_INSENSITIVE.has(syntax) ? 'gi' : 'g';\n const grammar = {\n kinds: rules.map(([kind]) => kind),\n pattern: new RegExp(rules.map(([, rule]) => `(${rule.source})`).join('|'), flags),\n };\n\n grammars.set(syntax, grammar);\n\n return grammar;\n}\n\nexport function tokenize(code: string, syntax: CodeSyntax): CodeToken[] {\n const { kinds, pattern } = grammarOf(syntax);\n const tokens: CodeToken[] = [];\n let end = 0;\n\n for (const match of code.matchAll(pattern)) {\n if (match.index > end) {\n tokens.push({ text: code.slice(end, match.index) });\n }\n\n const kind = kinds[match.slice(1).findIndex((group) => group !== undefined)];\n\n tokens.push(kind ? { kind, text: match[0] } : { text: match[0] });\n end = match.index + match[0].length;\n }\n\n if (end < code.length) {\n tokens.push({ text: code.slice(end) });\n }\n\n return tokens;\n}\n\n/** As linhas do trecho, cada uma com os seus pedacos: o comentario de bloco que atravessa linhas e partido nelas. */\nexport function tokenizeLines(code: string, syntax?: CodeSyntax): CodeToken[][] {\n const lines: CodeToken[][] = [[]];\n\n for (const token of syntax ? tokenize(code, syntax) : [{ text: code }]) {\n token.text.split('\\n').forEach((part, index) => {\n if (index > 0) {\n lines.push([]);\n }\n\n if (part) {\n lines[lines.length - 1].push({ ...token, text: part });\n }\n });\n }\n\n return lines;\n}\n"],"names":["SYNTAX_LABELS","words","list","BLOCK_COMMENT","LINE_COMMENT","DOUBLE_QUOTED","SINGLE_QUOTED","NUMBER","CALL","ANNOTATION","JAVA_KEYWORDS","JAVASCRIPT_WORDS","TYPESCRIPT_WORDS","SQL_KEYWORDS","SHELL_KEYWORDS","DELPHI_KEYWORDS","JAVASCRIPT_RULES","JAVASCRIPT","TYPESCRIPT","JSX_RULES","RULES","CASE_INSENSITIVE","grammars","grammarOf","syntax","cached","rules","flags","grammar","kind","rule","tokenize","code","kinds","pattern","tokens","end","match","group","tokenizeLines","lines","token","part","index"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.cjs","sources":["../../../../src/components/data-display/List/List.tsx"],"sourcesContent":["import {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useId,\n useState,\n type ComponentPropsWithRef,\n type ReactNode,\n} from 'react';\nimport { EmptyState } from '../../feedback/EmptyState';\nimport { Checkbox } from '../../forms/Checkbox';\nimport { ListingOptions, optionId } from './ListingOptions';\nimport { useListing, type Listing, type ListingItem, type ListingSelectionMode } from './useListing';\nimport styles from './List.module.css';\n\nexport type ListSelectionMode = ListingSelectionMode;\nexport type ListItem = ListingItem
|
|
1
|
+
{"version":3,"file":"List.cjs","sources":["../../../../src/components/data-display/List/List.tsx"],"sourcesContent":["import {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useId,\n useState,\n type ComponentPropsWithRef,\n type ReactNode,\n} from 'react';\nimport { EmptyState } from '../../feedback/EmptyState';\nimport { Checkbox } from '../../forms/Checkbox';\nimport { ListingOptions, optionId } from './ListingOptions';\nimport { useListing, type Listing, type ListingItem, type ListingSelectionMode } from './useListing';\nimport styles from './List.module.css';\n\nexport type ListSelectionMode = ListingSelectionMode;\nexport type ListItem = Omit<ListingItem, 'description' | 'group' | 'icon'>;\n\nexport interface ListProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue'> {\n children: ReactNode;\n defaultValue?: readonly ListItem[];\n items: readonly ListItem[];\n label?: string;\n loading?: boolean;\n loadingMessage?: string;\n onSearch?: (term: string) => void;\n onSelectionChange?: (items: readonly ListItem[]) => void;\n selectionMode?: ListSelectionMode;\n value?: readonly ListItem[];\n}\n\ninterface ListContextValue {\n baseId: string;\n claimFocus: () => void;\n label?: string;\n listing: Listing;\n loading: boolean;\n loadingMessage: string;\n searchPresent: boolean;\n}\n\nconst ListContext = createContext<ListContextValue | undefined>(undefined);\n\nfunction useListContext(part: string) {\n const context = useContext(ListContext);\n\n if (!context) {\n throw new Error(part + ' deve ser usado dentro de List.');\n }\n\n return context;\n}\n\nexport function List({\n children,\n className,\n defaultValue,\n items,\n label,\n loading = false,\n loadingMessage = 'Carregando',\n onSearch,\n onSelectionChange,\n selectionMode = 'none',\n value,\n ...props\n}: ListProps) {\n const baseId = useId();\n const [searchPresent, setSearchPresent] = useState(false);\n const listing = useListing({ defaultValue, items, onSearch, onSelectionChange, selectionMode, value });\n\n const context: ListContextValue = {\n baseId,\n claimFocus: useCallback(() => setSearchPresent(true), []),\n label,\n listing,\n loading,\n loadingMessage,\n searchPresent,\n };\n\n return (\n <div {...props} className={[styles.list, className].filter(Boolean).join(' ')}>\n <ListContext.Provider value={context}>{children}</ListContext.Provider>\n </div>\n );\n}\n\nexport interface ListSearchProps {\n placeholder?: string;\n}\n\nfunction ListSearch({ placeholder = 'Buscar' }: ListSearchProps) {\n const { baseId, claimFocus, label, listing } = useListContext('List.Search');\n\n useEffect(claimFocus, [claimFocus]);\n\n const activeIndex = listing.visible.findIndex((item) => item.value === listing.focusedKey);\n\n return (\n <input\n aria-activedescendant={activeIndex >= 0 ? optionId(baseId, activeIndex) : undefined}\n aria-controls={baseId + '-options'}\n aria-label={label ? 'Buscar em ' + label : placeholder}\n autoComplete=\"off\"\n className={styles.search}\n onChange={(event) => listing.filter(event.target.value)}\n onKeyDown={listing.handleKeyDown}\n placeholder={placeholder}\n type=\"search\"\n value={listing.term}\n />\n );\n}\n\nexport interface ListOptionsProps {\n height?: number;\n}\n\nfunction ListOptions({ height }: ListOptionsProps) {\n const { baseId, label, listing, loading, loadingMessage, searchPresent } = useListContext('List.Options');\n\n return (\n <ListingOptions\n baseId={baseId}\n height={height}\n label={label}\n holdsFocus={!searchPresent}\n listing={listing}\n loading={loading}\n loadingMessage={loadingMessage}\n onKeyDown={searchPresent ? undefined : listing.handleKeyDown}\n />\n );\n}\n\nexport interface ListSelectAllProps {\n label?: string;\n}\n\nfunction ListSelectAll({ label = 'Selecionar todos' }: ListSelectAllProps) {\n const { listing } = useListContext('List.SelectAll');\n\n if (listing.selectionMode !== 'multiple') {\n return null;\n }\n\n return (\n <div className={styles.selectAll}>\n <Checkbox\n checked={listing.status === 'all'}\n indeterminate={listing.status === 'partial'}\n label={label}\n onChange={() => listing.toggleAll()}\n />\n </div>\n );\n}\n\nexport interface ListEmptyProps {\n children: ReactNode;\n}\n\nfunction ListEmpty({ children }: ListEmptyProps) {\n const { listing, loading } = useListContext('List.Empty');\n\n if (loading || listing.visible.length > 0) {\n return null;\n }\n\n return (\n <div className={styles.empty}>\n <EmptyState size=\"sm\" title={children} />\n </div>\n );\n}\n\nList.Search = ListSearch;\nList.SelectAll = ListSelectAll;\nList.Options = ListOptions;\nList.Empty = ListEmpty;\n"],"names":["ListContext","createContext","useListContext","part","context","useContext","List","children","className","defaultValue","items","label","loading","loadingMessage","onSearch","onSelectionChange","selectionMode","value","props","baseId","useId","searchPresent","setSearchPresent","useState","listing","useListing","useCallback","jsx","styles","ListSearch","placeholder","claimFocus","useEffect","activeIndex","item","optionId","event","ListOptions","height","ListingOptions","ListSelectAll","Checkbox","ListEmpty","EmptyState"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sources":["../../../../src/components/data-display/List/List.tsx"],"sourcesContent":["import {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useId,\n useState,\n type ComponentPropsWithRef,\n type ReactNode,\n} from 'react';\nimport { EmptyState } from '../../feedback/EmptyState';\nimport { Checkbox } from '../../forms/Checkbox';\nimport { ListingOptions, optionId } from './ListingOptions';\nimport { useListing, type Listing, type ListingItem, type ListingSelectionMode } from './useListing';\nimport styles from './List.module.css';\n\nexport type ListSelectionMode = ListingSelectionMode;\nexport type ListItem = ListingItem
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../../../src/components/data-display/List/List.tsx"],"sourcesContent":["import {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useId,\n useState,\n type ComponentPropsWithRef,\n type ReactNode,\n} from 'react';\nimport { EmptyState } from '../../feedback/EmptyState';\nimport { Checkbox } from '../../forms/Checkbox';\nimport { ListingOptions, optionId } from './ListingOptions';\nimport { useListing, type Listing, type ListingItem, type ListingSelectionMode } from './useListing';\nimport styles from './List.module.css';\n\nexport type ListSelectionMode = ListingSelectionMode;\nexport type ListItem = Omit<ListingItem, 'description' | 'group' | 'icon'>;\n\nexport interface ListProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue'> {\n children: ReactNode;\n defaultValue?: readonly ListItem[];\n items: readonly ListItem[];\n label?: string;\n loading?: boolean;\n loadingMessage?: string;\n onSearch?: (term: string) => void;\n onSelectionChange?: (items: readonly ListItem[]) => void;\n selectionMode?: ListSelectionMode;\n value?: readonly ListItem[];\n}\n\ninterface ListContextValue {\n baseId: string;\n claimFocus: () => void;\n label?: string;\n listing: Listing;\n loading: boolean;\n loadingMessage: string;\n searchPresent: boolean;\n}\n\nconst ListContext = createContext<ListContextValue | undefined>(undefined);\n\nfunction useListContext(part: string) {\n const context = useContext(ListContext);\n\n if (!context) {\n throw new Error(part + ' deve ser usado dentro de List.');\n }\n\n return context;\n}\n\nexport function List({\n children,\n className,\n defaultValue,\n items,\n label,\n loading = false,\n loadingMessage = 'Carregando',\n onSearch,\n onSelectionChange,\n selectionMode = 'none',\n value,\n ...props\n}: ListProps) {\n const baseId = useId();\n const [searchPresent, setSearchPresent] = useState(false);\n const listing = useListing({ defaultValue, items, onSearch, onSelectionChange, selectionMode, value });\n\n const context: ListContextValue = {\n baseId,\n claimFocus: useCallback(() => setSearchPresent(true), []),\n label,\n listing,\n loading,\n loadingMessage,\n searchPresent,\n };\n\n return (\n <div {...props} className={[styles.list, className].filter(Boolean).join(' ')}>\n <ListContext.Provider value={context}>{children}</ListContext.Provider>\n </div>\n );\n}\n\nexport interface ListSearchProps {\n placeholder?: string;\n}\n\nfunction ListSearch({ placeholder = 'Buscar' }: ListSearchProps) {\n const { baseId, claimFocus, label, listing } = useListContext('List.Search');\n\n useEffect(claimFocus, [claimFocus]);\n\n const activeIndex = listing.visible.findIndex((item) => item.value === listing.focusedKey);\n\n return (\n <input\n aria-activedescendant={activeIndex >= 0 ? optionId(baseId, activeIndex) : undefined}\n aria-controls={baseId + '-options'}\n aria-label={label ? 'Buscar em ' + label : placeholder}\n autoComplete=\"off\"\n className={styles.search}\n onChange={(event) => listing.filter(event.target.value)}\n onKeyDown={listing.handleKeyDown}\n placeholder={placeholder}\n type=\"search\"\n value={listing.term}\n />\n );\n}\n\nexport interface ListOptionsProps {\n height?: number;\n}\n\nfunction ListOptions({ height }: ListOptionsProps) {\n const { baseId, label, listing, loading, loadingMessage, searchPresent } = useListContext('List.Options');\n\n return (\n <ListingOptions\n baseId={baseId}\n height={height}\n label={label}\n holdsFocus={!searchPresent}\n listing={listing}\n loading={loading}\n loadingMessage={loadingMessage}\n onKeyDown={searchPresent ? undefined : listing.handleKeyDown}\n />\n );\n}\n\nexport interface ListSelectAllProps {\n label?: string;\n}\n\nfunction ListSelectAll({ label = 'Selecionar todos' }: ListSelectAllProps) {\n const { listing } = useListContext('List.SelectAll');\n\n if (listing.selectionMode !== 'multiple') {\n return null;\n }\n\n return (\n <div className={styles.selectAll}>\n <Checkbox\n checked={listing.status === 'all'}\n indeterminate={listing.status === 'partial'}\n label={label}\n onChange={() => listing.toggleAll()}\n />\n </div>\n );\n}\n\nexport interface ListEmptyProps {\n children: ReactNode;\n}\n\nfunction ListEmpty({ children }: ListEmptyProps) {\n const { listing, loading } = useListContext('List.Empty');\n\n if (loading || listing.visible.length > 0) {\n return null;\n }\n\n return (\n <div className={styles.empty}>\n <EmptyState size=\"sm\" title={children} />\n </div>\n );\n}\n\nList.Search = ListSearch;\nList.SelectAll = ListSelectAll;\nList.Options = ListOptions;\nList.Empty = ListEmpty;\n"],"names":["ListContext","createContext","useListContext","part","context","useContext","List","children","className","defaultValue","items","label","loading","loadingMessage","onSearch","onSelectionChange","selectionMode","value","props","baseId","useId","searchPresent","setSearchPresent","useState","listing","useListing","useCallback","jsx","styles","ListSearch","placeholder","claimFocus","useEffect","activeIndex","item","optionId","event","ListOptions","height","ListingOptions","ListSelectAll","Checkbox","ListEmpty","EmptyState"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_list_17bgx_1",t="_search_17bgx_12",s="_options_17bgx_35",e="_spacer_17bgx_53",c="_option_17bgx_35",n="_selectAll_17bgx_72",_="_disabled_17bgx_76",i="_focused_17bgx_81",p="_box_17bgx_93",l="_checked_17bgx_102",b="_group_17bgx_108",x="_status_17bgx_118",g="_empty_17bgx_127",r="_optionIcon_17bgx_131",a="_optionText_17bgx_138",d="_optionDescription_17bgx_144",u="_section_17bgx_154",T="_sectionTitle_17bgx_165",h={list:o,search:t,options:s,spacer:e,option:c,selectAll:n,disabled:_,focused:i,box:p,checked:l,group:b,status:x,empty:g,optionIcon:r,optionText:a,optionDescription:d,section:u,sectionTitle:T};exports.box=p;exports.checked=l;exports.default=h;exports.disabled=_;exports.empty=g;exports.focused=i;exports.group=b;exports.list=o;exports.option=c;exports.optionDescription=d;exports.optionIcon=r;exports.optionText=a;exports.options=s;exports.search=t;exports.section=u;exports.sectionTitle=T;exports.selectAll=n;exports.spacer=e;exports.status=x;
|
|
2
2
|
//# sourceMappingURL=List.module.css.cjs.map
|
|
@@ -1,32 +1,42 @@
|
|
|
1
|
-
const
|
|
2
|
-
list:
|
|
3
|
-
search:
|
|
4
|
-
options:
|
|
5
|
-
spacer:
|
|
6
|
-
option:
|
|
1
|
+
const o = "_list_17bgx_1", t = "_search_17bgx_12", s = "_options_17bgx_35", _ = "_spacer_17bgx_53", c = "_option_17bgx_35", n = "_selectAll_17bgx_72", e = "_disabled_17bgx_76", i = "_focused_17bgx_81", p = "_box_17bgx_93", x = "_checked_17bgx_102", b = "_group_17bgx_108", g = "_status_17bgx_118", l = "_empty_17bgx_127", a = "_optionIcon_17bgx_131", d = "_optionText_17bgx_138", r = "_optionDescription_17bgx_144", u = "_section_17bgx_154", h = "_sectionTitle_17bgx_165", T = {
|
|
2
|
+
list: o,
|
|
3
|
+
search: t,
|
|
4
|
+
options: s,
|
|
5
|
+
spacer: _,
|
|
6
|
+
option: c,
|
|
7
7
|
selectAll: n,
|
|
8
|
-
disabled:
|
|
8
|
+
disabled: e,
|
|
9
9
|
focused: i,
|
|
10
|
-
box:
|
|
11
|
-
checked:
|
|
12
|
-
group:
|
|
13
|
-
status:
|
|
14
|
-
empty:
|
|
10
|
+
box: p,
|
|
11
|
+
checked: x,
|
|
12
|
+
group: b,
|
|
13
|
+
status: g,
|
|
14
|
+
empty: l,
|
|
15
|
+
optionIcon: a,
|
|
16
|
+
optionText: d,
|
|
17
|
+
optionDescription: r,
|
|
18
|
+
section: u,
|
|
19
|
+
sectionTitle: h
|
|
15
20
|
};
|
|
16
21
|
export {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
+
p as box,
|
|
23
|
+
x as checked,
|
|
24
|
+
T as default,
|
|
25
|
+
e as disabled,
|
|
26
|
+
l as empty,
|
|
22
27
|
i as focused,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
+
b as group,
|
|
29
|
+
o as list,
|
|
30
|
+
c as option,
|
|
31
|
+
r as optionDescription,
|
|
32
|
+
a as optionIcon,
|
|
33
|
+
d as optionText,
|
|
34
|
+
s as options,
|
|
35
|
+
t as search,
|
|
36
|
+
u as section,
|
|
37
|
+
h as sectionTitle,
|
|
28
38
|
n as selectAll,
|
|
29
|
-
|
|
30
|
-
|
|
39
|
+
_ as spacer,
|
|
40
|
+
g as status
|
|
31
41
|
};
|
|
32
42
|
//# sourceMappingURL=List.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"List.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),y=require("react"),H=require("./useVirtualWindow.cjs"),i=require("./List.module.css.cjs");function x(t,n){return t+"-option-"+n}function J(t){const n=[];for(const l of t){const c=n.at(-1);l.item.group!==void 0&&(c==null?void 0:c.group)===l.item.group?c.options.push(l):n.push({group:l.item.group,options:[l]})}return n}function Q({baseId:t,className:n,elementRef:l,empty:c,height:b,holdsFocus:j=!0,label:K,listing:M,loading:f=!1,loadingMessage:$="Carregando",onKeyDown:S,onSelect:m,style:k,tabIndex:W=0}){const{detached:B,focusedKey:p,isSelected:z,select:P,selectionMode:g,visible:r}=M,I=r.findIndex(e=>e.value===p);function _(e,a){e.disabled||(P(e,a),m==null||m(e))}const{active:q,attachScroll:w,measureItem:C,onScroll:O,padding:h,scrollToIndex:T,start:N,end:A}=H.useVirtualWindow(r.length,b),D=y.useCallback(e=>{w(e),l&&(l.current=e)},[w,l]);y.useEffect(()=>{var a,o;const e=r.findIndex(u=>u.value===p);p===void 0||e<0||(q?T(e):(o=(a=document.getElementById(x(t,e)))==null?void 0:a.scrollIntoView)==null||o.call(a,{block:"nearest"}))},[q,t,p,T,r]);const E=r.slice(N,A);if(g==="none")return s.jsxs("ul",{"aria-busy":f||void 0,className:[i.default.options,n].filter(Boolean).join(" "),id:t+"-options",onScroll:O,ref:D,style:{height:b,...k},children:[f&&s.jsx("li",{className:i.default.status,children:$}),s.jsx("li",{"aria-hidden":"true",className:i.default.spacer,style:{height:h.before}}),E.map((e,a)=>s.jsx("li",{className:i.default.option,ref:a===0?C:void 0,children:e.label},e.value)),s.jsx("li",{"aria-hidden":"true",className:i.default.spacer,style:{height:h.after}}),!f&&r.length===0&&c]});function L(e,a,o){const u=z(e.value),d=a>0?x(t,a-1):`${t}-selected-${e.value}`;return s.jsxs("div",{"aria-describedby":e.description?`${d}-description`:void 0,"aria-disabled":e.disabled||void 0,"aria-labelledby":e.description?`${d}-label`:void 0,"aria-posinset":a>0?a:void 0,"aria-selected":u,"aria-setsize":a>0?r.length:void 0,className:[i.default.option,p===e.value&&i.default.focused,e.disabled&&i.default.disabled].filter(Boolean).join(" "),id:d,onClick:v=>_(e,v.shiftKey),onMouseDown:j?void 0:v=>v.preventDefault(),ref:o?C:void 0,role:"option",children:[g==="multiple"&&s.jsx("span",{"aria-hidden":"true",className:[i.default.box,u&&i.default.checked].filter(Boolean).join(" ")}),e.icon&&s.jsx("span",{"aria-hidden":"true",className:i.default.optionIcon,children:e.icon}),e.description?s.jsxs("span",{className:i.default.optionText,children:[s.jsx("span",{id:`${d}-label`,children:e.label}),s.jsx("span",{className:i.default.optionDescription,id:`${d}-description`,children:e.description})]}):e.label]},e.value)}const G=J(E.map((e,a)=>({item:e,position:N+a+1})));return s.jsxs("div",{"aria-activedescendant":j&&I>=0?x(t,I):void 0,"aria-busy":f||void 0,"aria-label":K,"aria-multiselectable":g==="multiple"||void 0,className:[i.default.options,n].filter(Boolean).join(" "),id:t+"-options",onKeyDown:S,onScroll:O,ref:D,role:"listbox",style:{height:b,...k},tabIndex:j?W:void 0,children:[f&&s.jsx("p",{className:i.default.status,children:$}),B.length>0&&s.jsx("div",{"aria-label":"Selecionados",className:i.default.group,role:"group",children:B.map(e=>L(e,0,!1))}),s.jsx("div",{"aria-hidden":"true",className:i.default.spacer,style:{height:h.before}}),G.map(({group:e,options:a})=>{const[o]=a,u=a.map(({item:v,position:V})=>L(v,V,V===N+1));if(e===void 0)return s.jsx(y.Fragment,{children:u},o.item.value);const d=`${t}-group-${o.position}`;return s.jsxs("div",{"aria-labelledby":d,className:i.default.section,role:"group",children:[s.jsx("div",{className:i.default.sectionTitle,id:d,role:"presentation",children:e}),u]},`${e}:${o.item.value}`)}),s.jsx("div",{"aria-hidden":"true",className:i.default.spacer,style:{height:h.after}}),!f&&r.length===0&&c]})}exports.ListingOptions=Q;exports.optionId=x;
|
|
2
2
|
//# sourceMappingURL=ListingOptions.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListingOptions.cjs","sources":["../../../../src/components/data-display/List/ListingOptions.tsx"],"sourcesContent":["import { useCallback, useEffect, type CSSProperties, type KeyboardEvent, type ReactNode, type RefObject } from 'react';\nimport type { Listing, ListingItem } from './useListing';\nimport { useVirtualWindow } from './useVirtualWindow';\nimport styles from './List.module.css';\n\nexport interface ListingOptionsProps {\n baseId: string;\n className?: string;\n elementRef?: RefObject<HTMLElement | null>;\n empty?: ReactNode;\n height?: number;\n label?: string;\n listing: Listing;\n loading?: boolean;\n loadingMessage?: string;\n holdsFocus?: boolean;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n onSelect?: (item: ListingItem) => void;\n style?: CSSProperties;\n tabIndex?: number;\n}\n\nexport function optionId(baseId: string, index: number) {\n return baseId + '-option-' + index;\n}\n\nexport function ListingOptions({\n baseId,\n className,\n elementRef,\n empty,\n height,\n holdsFocus = true,\n label,\n listing,\n loading = false,\n loadingMessage = 'Carregando',\n onKeyDown,\n onSelect,\n style,\n tabIndex = 0,\n}: ListingOptionsProps) {\n const { detached, focusedKey, isSelected, select, selectionMode, visible } = listing;\n const activeIndex = visible.findIndex((item) => item.value === focusedKey);\n\n function choose(item: ListingItem, extend: boolean) {\n if (item.disabled) {\n return;\n }\n\n select(item, extend);\n onSelect?.(item);\n }\n const { active, attachScroll, measureItem, onScroll, padding, scrollToIndex, start, end } = useVirtualWindow(\n visible.length,\n height,\n );\n\n const attachElement = useCallback(\n (node: HTMLElement | null) => {\n attachScroll(node);\n\n if (elementRef) {\n elementRef.current = node;\n }\n },\n [attachScroll, elementRef],\n );\n\n useEffect(() => {\n const index = visible.findIndex((item) => item.value === focusedKey);\n\n if (focusedKey === undefined || index < 0) {\n return;\n }\n\n if (active) {\n scrollToIndex(index);\n } else {\n document.getElementById(optionId(baseId, index))?.scrollIntoView?.({ block: 'nearest' });\n }\n }, [active, baseId, focusedKey, scrollToIndex, visible]);\n\n const rendered = visible.slice(start, end);\n\n if (selectionMode === 'none') {\n return (\n <ul\n aria-busy={loading || undefined}\n className={[styles.options, className].filter(Boolean).join(' ')}\n id={baseId + '-options'}\n onScroll={onScroll}\n ref={attachElement}\n style={{ height, ...style }}\n >\n {loading && <li className={styles.status}>{loadingMessage}</li>}\n <li aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.before }} />\n {rendered.map((item, index) => (\n <li className={styles.option} key={item.value} ref={index === 0 ? measureItem : undefined}>\n {item.label}\n </li>\n ))}\n <li aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.after }} />\n {!loading && visible.length === 0 && empty}\n </ul>\n );\n }\n\n function renderOption(item: ListingItem, position: number, measured: boolean) {\n const selected = isSelected(item.value);\n\n return (\n <div\n aria-disabled={item.disabled || undefined}\n aria-posinset={position > 0 ? position : undefined}\n aria-selected={selected}\n aria-setsize={position > 0 ? visible.length : undefined}\n className={[styles.option, focusedKey === item.value && styles.focused, item.disabled && styles.disabled]\n .filter(Boolean)\n .join(' ')}\n id={position > 0 ? optionId(baseId, position - 1) : undefined}\n key={item.value}\n onClick={(event) => choose(item, event.shiftKey)}\n // So segura o foco onde ele esta quando quem o tem e o campo de busca; a lista que detem o foco o recebe.\n onMouseDown={holdsFocus ? undefined : (event) => event.preventDefault()}\n ref={measured ? measureItem : undefined}\n role=\"option\"\n >\n {selectionMode === 'multiple' && (\n <span aria-hidden=\"true\" className={[styles.box, selected && styles.checked].filter(Boolean).join(' ')} />\n )}\n {item.label}\n </div>\n );\n }\n\n return (\n <div\n aria-activedescendant={holdsFocus && activeIndex >= 0 ? optionId(baseId, activeIndex) : undefined}\n aria-busy={loading || undefined}\n aria-label={label}\n aria-multiselectable={selectionMode === 'multiple' || undefined}\n className={[styles.options, className].filter(Boolean).join(' ')}\n id={baseId + '-options'}\n onKeyDown={onKeyDown}\n onScroll={onScroll}\n ref={attachElement}\n role=\"listbox\"\n style={{ height, ...style }}\n tabIndex={holdsFocus ? tabIndex : undefined}\n >\n {loading && <p className={styles.status}>{loadingMessage}</p>}\n {detached.length > 0 && (\n <div aria-label=\"Selecionados\" className={styles.group} role=\"group\">\n {detached.map((item) => renderOption(item, 0, false))}\n </div>\n )}\n <div aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.before }} />\n {rendered.map((item, index) => renderOption(item, start + index + 1, index === 0))}\n <div aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.after }} />\n {!loading && visible.length === 0 && empty}\n </div>\n );\n}\n"],"names":["optionId","baseId","index","ListingOptions","className","elementRef","empty","height","holdsFocus","label","listing","loading","loadingMessage","onKeyDown","onSelect","style","tabIndex","detached","focusedKey","isSelected","select","selectionMode","visible","activeIndex","item","choose","extend","active","attachScroll","measureItem","onScroll","padding","scrollToIndex","start","end","useVirtualWindow","attachElement","useCallback","node","useEffect","_b","_a","rendered","jsxs","styles","jsx","renderOption","position","measured","selected","event"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ListingOptions.cjs","sources":["../../../../src/components/data-display/List/ListingOptions.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, type CSSProperties, type KeyboardEvent, type ReactNode, type RefObject } from 'react';\nimport type { Listing, ListingItem } from './useListing';\nimport { useVirtualWindow } from './useVirtualWindow';\nimport styles from './List.module.css';\n\nexport interface ListingOptionsProps {\n baseId: string;\n className?: string;\n elementRef?: RefObject<HTMLElement | null>;\n empty?: ReactNode;\n height?: number;\n label?: string;\n listing: Listing;\n loading?: boolean;\n loadingMessage?: string;\n holdsFocus?: boolean;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n onSelect?: (item: ListingItem) => void;\n style?: CSSProperties;\n tabIndex?: number;\n}\n\nexport function optionId(baseId: string, index: number) {\n return baseId + '-option-' + index;\n}\n\ninterface RenderedOption {\n item: ListingItem;\n position: number;\n}\n\n/** Junta as opções seguidas de um mesmo grupo; as sem grupo ficam soltas, cada uma no seu bloco. */\nfunction groupConsecutive(options: readonly RenderedOption[]) {\n const blocks: { group?: string; options: RenderedOption[] }[] = [];\n\n for (const option of options) {\n const last = blocks.at(-1);\n\n if (option.item.group !== undefined && last?.group === option.item.group) {\n last.options.push(option);\n } else {\n blocks.push({ group: option.item.group, options: [option] });\n }\n }\n\n return blocks;\n}\n\nexport function ListingOptions({\n baseId,\n className,\n elementRef,\n empty,\n height,\n holdsFocus = true,\n label,\n listing,\n loading = false,\n loadingMessage = 'Carregando',\n onKeyDown,\n onSelect,\n style,\n tabIndex = 0,\n}: ListingOptionsProps) {\n const { detached, focusedKey, isSelected, select, selectionMode, visible } = listing;\n const activeIndex = visible.findIndex((item) => item.value === focusedKey);\n\n function choose(item: ListingItem, extend: boolean) {\n if (item.disabled) {\n return;\n }\n\n select(item, extend);\n onSelect?.(item);\n }\n const { active, attachScroll, measureItem, onScroll, padding, scrollToIndex, start, end } = useVirtualWindow(\n visible.length,\n height,\n );\n\n const attachElement = useCallback(\n (node: HTMLElement | null) => {\n attachScroll(node);\n\n if (elementRef) {\n elementRef.current = node;\n }\n },\n [attachScroll, elementRef],\n );\n\n useEffect(() => {\n const index = visible.findIndex((item) => item.value === focusedKey);\n\n if (focusedKey === undefined || index < 0) {\n return;\n }\n\n if (active) {\n scrollToIndex(index);\n } else {\n document.getElementById(optionId(baseId, index))?.scrollIntoView?.({ block: 'nearest' });\n }\n }, [active, baseId, focusedKey, scrollToIndex, visible]);\n\n const rendered = visible.slice(start, end);\n\n if (selectionMode === 'none') {\n return (\n <ul\n aria-busy={loading || undefined}\n className={[styles.options, className].filter(Boolean).join(' ')}\n id={baseId + '-options'}\n onScroll={onScroll}\n ref={attachElement}\n style={{ height, ...style }}\n >\n {loading && <li className={styles.status}>{loadingMessage}</li>}\n <li aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.before }} />\n {rendered.map((item, index) => (\n <li className={styles.option} key={item.value} ref={index === 0 ? measureItem : undefined}>\n {item.label}\n </li>\n ))}\n <li aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.after }} />\n {!loading && visible.length === 0 && empty}\n </ul>\n );\n }\n\n function renderOption(item: ListingItem, position: number, measured: boolean) {\n const selected = isSelected(item.value);\n const id = position > 0 ? optionId(baseId, position - 1) : `${baseId}-selected-${item.value}`;\n\n return (\n <div\n aria-describedby={item.description ? `${id}-description` : undefined}\n aria-disabled={item.disabled || undefined}\n aria-labelledby={item.description ? `${id}-label` : undefined}\n aria-posinset={position > 0 ? position : undefined}\n aria-selected={selected}\n aria-setsize={position > 0 ? visible.length : undefined}\n className={[styles.option, focusedKey === item.value && styles.focused, item.disabled && styles.disabled]\n .filter(Boolean)\n .join(' ')}\n id={id}\n key={item.value}\n onClick={(event) => choose(item, event.shiftKey)}\n // So segura o foco onde ele esta quando quem o tem e o campo de busca; a lista que detem o foco o recebe.\n onMouseDown={holdsFocus ? undefined : (event) => event.preventDefault()}\n ref={measured ? measureItem : undefined}\n role=\"option\"\n >\n {selectionMode === 'multiple' && (\n <span aria-hidden=\"true\" className={[styles.box, selected && styles.checked].filter(Boolean).join(' ')} />\n )}\n {item.icon && (\n <span aria-hidden=\"true\" className={styles.optionIcon}>\n {item.icon}\n </span>\n )}\n {item.description ? (\n <span className={styles.optionText}>\n <span id={`${id}-label`}>{item.label}</span>\n <span className={styles.optionDescription} id={`${id}-description`}>\n {item.description}\n </span>\n </span>\n ) : (\n item.label\n )}\n </div>\n );\n }\n\n const blocks = groupConsecutive(rendered.map((item, index) => ({ item, position: start + index + 1 })));\n\n return (\n <div\n aria-activedescendant={holdsFocus && activeIndex >= 0 ? optionId(baseId, activeIndex) : undefined}\n aria-busy={loading || undefined}\n aria-label={label}\n aria-multiselectable={selectionMode === 'multiple' || undefined}\n className={[styles.options, className].filter(Boolean).join(' ')}\n id={baseId + '-options'}\n onKeyDown={onKeyDown}\n onScroll={onScroll}\n ref={attachElement}\n role=\"listbox\"\n style={{ height, ...style }}\n tabIndex={holdsFocus ? tabIndex : undefined}\n >\n {loading && <p className={styles.status}>{loadingMessage}</p>}\n {detached.length > 0 && (\n <div aria-label=\"Selecionados\" className={styles.group} role=\"group\">\n {detached.map((item) => renderOption(item, 0, false))}\n </div>\n )}\n <div aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.before }} />\n {blocks.map(({ group, options }) => {\n const [first] = options;\n const rendering = options.map(({ item, position }) => renderOption(item, position, position === start + 1));\n\n if (group === undefined) {\n return <Fragment key={first.item.value}>{rendering}</Fragment>;\n }\n\n const titleId = `${baseId}-group-${first.position}`;\n\n return (\n <div aria-labelledby={titleId} className={styles.section} key={`${group}:${first.item.value}`} role=\"group\">\n <div className={styles.sectionTitle} id={titleId} role=\"presentation\">\n {group}\n </div>\n {rendering}\n </div>\n );\n })}\n <div aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.after }} />\n {!loading && visible.length === 0 && empty}\n </div>\n );\n}\n"],"names":["optionId","baseId","index","groupConsecutive","options","blocks","option","last","ListingOptions","className","elementRef","empty","height","holdsFocus","label","listing","loading","loadingMessage","onKeyDown","onSelect","style","tabIndex","detached","focusedKey","isSelected","select","selectionMode","visible","activeIndex","item","choose","extend","active","attachScroll","measureItem","onScroll","padding","scrollToIndex","start","end","useVirtualWindow","attachElement","useCallback","node","useEffect","_b","_a","rendered","jsxs","styles","jsx","renderOption","position","measured","selected","id","event","group","first","rendering","Fragment","titleId"],"mappings":"+MAsBO,SAASA,EAASC,EAAgBC,EAAe,CACtD,OAAOD,EAAS,WAAaC,CAC/B,CAQA,SAASC,EAAiBC,EAAoC,CAC5D,MAAMC,EAA0D,CAAA,EAEhE,UAAWC,KAAUF,EAAS,CAC5B,MAAMG,EAAOF,EAAO,GAAG,EAAE,EAErBC,EAAO,KAAK,QAAU,SAAaC,GAAA,YAAAA,EAAM,SAAUD,EAAO,KAAK,MACjEC,EAAK,QAAQ,KAAKD,CAAM,EAExBD,EAAO,KAAK,CAAE,MAAOC,EAAO,KAAK,MAAO,QAAS,CAACA,CAAM,EAAG,CAE/D,CAEA,OAAOD,CACT,CAEO,SAASG,EAAe,CAC7B,OAAAP,EACA,UAAAQ,EACA,WAAAC,EACA,MAAAC,EACA,OAAAC,EACA,WAAAC,EAAa,GACb,MAAAC,EACA,QAAAC,EACA,QAAAC,EAAU,GACV,eAAAC,EAAiB,aACjB,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,CACb,EAAwB,CACtB,KAAM,CAAE,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAY,OAAAC,EAAQ,cAAAC,EAAe,QAAAC,GAAYZ,EACvEa,EAAcD,EAAQ,UAAWE,GAASA,EAAK,QAAUN,CAAU,EAEzE,SAASO,EAAOD,EAAmBE,EAAiB,CAC9CF,EAAK,WAITJ,EAAOI,EAAME,CAAM,EACnBZ,GAAA,MAAAA,EAAWU,GACb,CACA,KAAM,CAAE,OAAAG,EAAQ,aAAAC,EAAc,YAAAC,EAAa,SAAAC,EAAU,QAAAC,EAAS,cAAAC,EAAe,MAAAC,EAAO,IAAAC,CAAA,EAAQC,EAAAA,iBAC1Fb,EAAQ,OACRf,CAAA,EAGI6B,EAAgBC,EAAAA,YACnBC,GAA6B,CAC5BV,EAAaU,CAAI,EAEbjC,IACFA,EAAW,QAAUiC,EAEzB,EACA,CAACV,EAAcvB,CAAU,CAAA,EAG3BkC,EAAAA,UAAU,IAAM,SACd,MAAM1C,EAAQyB,EAAQ,UAAWE,GAASA,EAAK,QAAUN,CAAU,EAE/DA,IAAe,QAAarB,EAAQ,IAIpC8B,EACFK,EAAcnC,CAAK,GAEnB2C,GAAAC,EAAA,SAAS,eAAe9C,EAASC,EAAQC,CAAK,CAAC,IAA/C,YAAA4C,EAAkD,iBAAlD,MAAAD,EAAA,KAAAC,EAAmE,CAAE,MAAO,YAEhF,EAAG,CAACd,EAAQ/B,EAAQsB,EAAYc,EAAeV,CAAO,CAAC,EAEvD,MAAMoB,EAAWpB,EAAQ,MAAMW,EAAOC,CAAG,EAEzC,GAAIb,IAAkB,OACpB,OACEsB,EAAAA,KAAC,KAAA,CACC,YAAWhC,GAAW,OACtB,UAAW,CAACiC,UAAO,QAASxC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC/D,GAAIR,EAAS,WACb,SAAAkC,EACA,IAAKM,EACL,MAAO,CAAE,OAAA7B,EAAQ,GAAGQ,CAAA,EAEnB,SAAA,CAAAJ,GAAWkC,EAAAA,IAAC,KAAA,CAAG,UAAWD,EAAAA,QAAO,OAAS,SAAAhC,EAAe,EAC1DiC,EAAAA,IAAC,KAAA,CAAG,cAAY,OAAO,UAAWD,EAAAA,QAAO,OAAQ,MAAO,CAAE,OAAQb,EAAQ,MAAA,CAAO,CAAG,EACnFW,EAAS,IAAI,CAAClB,EAAM3B,IACnBgD,EAAAA,IAAC,MAAG,UAAWD,EAAAA,QAAO,OAAyB,IAAK/C,IAAU,EAAIgC,EAAc,OAC7E,WAAK,KAAA,EAD2BL,EAAK,KAExC,CACD,EACDqB,EAAAA,IAAC,KAAA,CAAG,cAAY,OAAO,UAAWD,EAAAA,QAAO,OAAQ,MAAO,CAAE,OAAQb,EAAQ,KAAA,CAAM,CAAG,EAClF,CAACpB,GAAWW,EAAQ,SAAW,GAAKhB,CAAA,CAAA,CAAA,EAK3C,SAASwC,EAAatB,EAAmBuB,EAAkBC,EAAmB,CAC5E,MAAMC,EAAW9B,EAAWK,EAAK,KAAK,EAChC0B,EAAKH,EAAW,EAAIpD,EAASC,EAAQmD,EAAW,CAAC,EAAI,GAAGnD,CAAM,aAAa4B,EAAK,KAAK,GAE3F,OACEmB,EAAAA,KAAC,MAAA,CACC,mBAAkBnB,EAAK,YAAc,GAAG0B,CAAE,eAAiB,OAC3D,gBAAe1B,EAAK,UAAY,OAChC,kBAAiBA,EAAK,YAAc,GAAG0B,CAAE,SAAW,OACpD,gBAAeH,EAAW,EAAIA,EAAW,OACzC,gBAAeE,EACf,eAAcF,EAAW,EAAIzB,EAAQ,OAAS,OAC9C,UAAW,CAACsB,EAAAA,QAAO,OAAQ1B,IAAeM,EAAK,OAASoB,EAAAA,QAAO,QAASpB,EAAK,UAAYoB,EAAAA,QAAO,QAAQ,EACrG,OAAO,OAAO,EACd,KAAK,GAAG,EACX,GAAAM,EAEA,QAAUC,GAAU1B,EAAOD,EAAM2B,EAAM,QAAQ,EAE/C,YAAa3C,EAAa,OAAa2C,GAAUA,EAAM,eAAA,EACvD,IAAKH,EAAWnB,EAAc,OAC9B,KAAK,SAEJ,SAAA,CAAAR,IAAkB,YACjBwB,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,UAAW,CAACD,EAAAA,QAAO,IAAKK,GAAYL,EAAAA,QAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAG,EAEzGpB,EAAK,MACJqB,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,UAAWD,EAAAA,QAAO,WACxC,SAAApB,EAAK,IAAA,CACR,EAEDA,EAAK,YACJmB,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,WACtB,SAAA,CAAAC,EAAAA,IAAC,QAAK,GAAI,GAAGK,CAAE,SAAW,WAAK,MAAM,EACrCL,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,kBAAmB,GAAI,GAAGM,CAAE,eACjD,SAAA1B,EAAK,WAAA,CACR,CAAA,CAAA,CACF,EAEAA,EAAK,KAAA,CAAA,EAvBFA,EAAK,KAAA,CA2BhB,CAEA,MAAMxB,EAASF,EAAiB4C,EAAS,IAAI,CAAClB,EAAM3B,KAAW,CAAE,KAAA2B,EAAM,SAAUS,EAAQpC,EAAQ,CAAA,EAAI,CAAC,EAEtG,OACE8C,EAAAA,KAAC,MAAA,CACC,wBAAuBnC,GAAce,GAAe,EAAI5B,EAASC,EAAQ2B,CAAW,EAAI,OACxF,YAAWZ,GAAW,OACtB,aAAYF,EACZ,uBAAsBY,IAAkB,YAAc,OACtD,UAAW,CAACuB,UAAO,QAASxC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC/D,GAAIR,EAAS,WACb,UAAAiB,EACA,SAAAiB,EACA,IAAKM,EACL,KAAK,UACL,MAAO,CAAE,OAAA7B,EAAQ,GAAGQ,CAAA,EACpB,SAAUP,EAAaQ,EAAW,OAEjC,SAAA,CAAAL,GAAWkC,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,OAAS,SAAAhC,EAAe,EACxDK,EAAS,OAAS,GACjB4B,EAAAA,IAAC,OAAI,aAAW,eAAe,UAAWD,EAAAA,QAAO,MAAO,KAAK,QAC1D,SAAA3B,EAAS,IAAKO,GAASsB,EAAatB,EAAM,EAAG,EAAK,CAAC,EACtD,EAEFqB,EAAAA,IAAC,MAAA,CAAI,cAAY,OAAO,UAAWD,EAAAA,QAAO,OAAQ,MAAO,CAAE,OAAQb,EAAQ,MAAA,CAAO,CAAG,EACpF/B,EAAO,IAAI,CAAC,CAAE,MAAAoD,EAAO,QAAArD,KAAc,CAClC,KAAM,CAACsD,CAAK,EAAItD,EACVuD,EAAYvD,EAAQ,IAAI,CAAC,CAAE,KAAAyB,EAAM,SAAAuB,CAAA,IAAeD,EAAatB,EAAMuB,EAAUA,IAAad,EAAQ,CAAC,CAAC,EAE1G,GAAImB,IAAU,OACZ,OAAOP,EAAAA,IAACU,EAAAA,SAAA,CAAiC,SAAAD,CAAA,EAAnBD,EAAM,KAAK,KAAkB,EAGrD,MAAMG,EAAU,GAAG5D,CAAM,UAAUyD,EAAM,QAAQ,GAEjD,OACEV,OAAC,OAAI,kBAAiBa,EAAS,UAAWZ,EAAAA,QAAO,QAA8C,KAAK,QAClG,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,aAAc,GAAIY,EAAS,KAAK,eACpD,SAAAJ,CAAA,CACH,EACCE,CAAA,CAAA,EAJ4D,GAAGF,CAAK,IAAIC,EAAM,KAAK,KAAK,EAK3F,CAEJ,CAAC,EACDR,EAAAA,IAAC,MAAA,CAAI,cAAY,OAAO,UAAWD,EAAAA,QAAO,OAAQ,MAAO,CAAE,OAAQb,EAAQ,KAAA,CAAM,CAAG,EACnF,CAACpB,GAAWW,EAAQ,SAAW,GAAKhB,CAAA,CAAA,CAAA,CAG3C"}
|