@mohsinonxrm/pptb-commandbar-studio 0.9.0-beta.1 → 0.9.0
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/CHANGELOG.md +179 -0
- package/README.md +11 -13
- package/SECURITY.md +4 -4
- package/dist/assets/BulkPublishModal-BWRed6Fv.js +36 -0
- package/dist/assets/CommandEditorPanel-B7W3Sqiu.js +1 -0
- package/dist/assets/CommandPalette-Fc4MPKvd.js +1 -0
- package/dist/assets/CompareView-D1FOwnU1.js +7 -0
- package/dist/assets/CrmParameterEditor-DO6Rt764.js +1 -0
- package/dist/assets/EditorDrawer-BtFb9OzQ.js +2 -0
- package/dist/assets/HideInsteadOfDeleteModal-fdtkLfSG.js +1 -0
- package/dist/assets/IconPickerModal-FyQ9ud3R.js +1 -0
- package/dist/assets/ImportXmlModal-BZq0Iglk.js +1 -0
- package/dist/assets/MonacoEditor-CEYP9b6u.js +2 -0
- package/dist/assets/NewButtonModal-5nQ-f2by.js +1 -0
- package/dist/assets/NewGroupModal-vEuxSpnD.js +1 -0
- package/dist/assets/NewTabModal-DNzMru8E.js +1 -0
- package/dist/assets/RuleEditorPanel-B0u4b6vi.js +1 -0
- package/dist/assets/ScriptView-Ct4i8Jja.js +1 -0
- package/dist/assets/TabDisplayRulesPanel-HMmGkIxe.js +1 -0
- package/dist/assets/TranslationsView-DT4Ce3_W.js +1 -0
- package/dist/assets/WebResourceBrowser-L3R7UTNR.js +1 -0
- package/dist/assets/XmlView-CyLtgYex.js +2 -0
- package/dist/assets/{dnd-C1w9VFfC.js → dnd-iy5K5XAJ.js} +2 -2
- package/dist/assets/fluent-ui-CQyNN9H3.js +59 -0
- package/dist/assets/index-D7TexD30.js +136 -0
- package/dist/assets/monaco-DQA8g3bM.css +1 -0
- package/dist/assets/monaco-cQE5XS3B.js +1010 -0
- package/dist/assets/monacoSetup-BIq1zGyP.js +1 -0
- package/dist/assets/preload-helper-PPVm8Dsz.js +1 -0
- package/dist/assets/{server.browser-xEJRzS2D.js → server.browser-DTeSoizu.js} +1 -1
- package/dist/assets/useReplaceWebResourceConfirm-BdTw98QF.js +1 -0
- package/dist/assets/useStableKeys-49o4VnxU.js +1 -0
- package/dist/assets/{xmlValidator-PbODaIQV.js → xmlValidator-xIq-x9Ub.js} +2 -2
- package/dist/icons/icon.svg +4 -7
- package/dist/index.html +4 -6
- package/package.json +3 -1
- package/dist/assets/BulkPublishModal-DzDZJg0U.js +0 -36
- package/dist/assets/CommandEditorPanel-DsCP9yG4.js +0 -1
- package/dist/assets/CommandPalette-ID3kRJ9l.js +0 -1
- package/dist/assets/CompareView-DGsrcdoN.js +0 -7
- package/dist/assets/CrmParameterEditor-C22QGWff.js +0 -1
- package/dist/assets/EditorDrawer-CvCe9WeO.js +0 -2
- package/dist/assets/HideInsteadOfDeleteModal-3j9g-E9l.js +0 -1
- package/dist/assets/IconPickerModal-BLoDLbLR.js +0 -1
- package/dist/assets/ImportXmlModal-BD-L1QzJ.js +0 -1
- package/dist/assets/MonacoEditor-BMKRZv-g.js +0 -2
- package/dist/assets/NewButtonModal-COYXwEyk.js +0 -1
- package/dist/assets/NewGroupModal-boP_t1fI.js +0 -1
- package/dist/assets/NewTabModal-BI4afbC5.js +0 -1
- package/dist/assets/RuleEditorPanel-l8QnRFj6.js +0 -1
- package/dist/assets/ScriptView-BVyCmRvD.js +0 -1
- package/dist/assets/TabDisplayRulesPanel-gORq6MO7.js +0 -1
- package/dist/assets/TranslationsView-DubBATog.js +0 -1
- package/dist/assets/WebResourceBrowser-BATScmTw.js +0 -1
- package/dist/assets/XmlView-Bn4KlTw3.js +0 -2
- package/dist/assets/abap-DLDM7-KI.js +0 -1
- package/dist/assets/apex-DNDY2TF8.js +0 -1
- package/dist/assets/azcli-Y6nb8tq_.js +0 -1
- package/dist/assets/bat-BwHxbl9M.js +0 -1
- package/dist/assets/bicep-CFznDFnq.js +0 -2
- package/dist/assets/cameligo-Bf6VGUru.js +0 -1
- package/dist/assets/clojure-Dnu-v4kV.js +0 -1
- package/dist/assets/coffee-Bd8akH9Z.js +0 -1
- package/dist/assets/cpp-BbWJElDN.js +0 -1
- package/dist/assets/csharp-Co3qMtFm.js +0 -1
- package/dist/assets/csp-D-4FJmMZ.js +0 -1
- package/dist/assets/css-DdJfP1eB.js +0 -3
- package/dist/assets/css.worker-C_6RgliQ.js +0 -97
- package/dist/assets/cssMode-yNaVDuBb.js +0 -1
- package/dist/assets/cypher-cTPe9QuQ.js +0 -1
- package/dist/assets/dart-BOtBlQCF.js +0 -1
- package/dist/assets/dockerfile-BG73LgW2.js +0 -1
- package/dist/assets/ecl-BEgZUVRK.js +0 -1
- package/dist/assets/elixir-BkW5O-1t.js +0 -1
- package/dist/assets/flow9-BeJ5waoc.js +0 -1
- package/dist/assets/fluent-icons-CQEhzzaC.js +0 -1
- package/dist/assets/fluent-ui-BEjALNLO.js +0 -59
- package/dist/assets/freemarker2-CzWSO7cF.js +0 -3
- package/dist/assets/fsharp-PahG7c26.js +0 -1
- package/dist/assets/go-acbASCJo.js +0 -1
- package/dist/assets/graphql-BxJiqAUM.js +0 -1
- package/dist/assets/handlebars-BpG2O9CH.js +0 -1
- package/dist/assets/hcl-DtV1sZF8.js +0 -1
- package/dist/assets/html-Bm7ESfBq.js +0 -1
- package/dist/assets/html.worker-CLyYFd_g.js +0 -474
- package/dist/assets/htmlMode--CmpAV7s.js +0 -1
- package/dist/assets/index-6so8O90C.js +0 -136
- package/dist/assets/ini-Kd9XrMLS.js +0 -1
- package/dist/assets/java-CXBNlu9o.js +0 -1
- package/dist/assets/javascript-DYy3TIq5.js +0 -1
- package/dist/assets/json.worker-BggoxaER.js +0 -62
- package/dist/assets/jsonMode-DwsyQ3o1.js +0 -7
- package/dist/assets/julia-cl7-CwDS.js +0 -1
- package/dist/assets/kotlin-s7OhZKlX.js +0 -1
- package/dist/assets/less-9HpZscsL.js +0 -2
- package/dist/assets/lexon-OrD6JF1K.js +0 -1
- package/dist/assets/liquid-qkuWCPaY.js +0 -1
- package/dist/assets/lspLanguageFeatures-Cgd9CNvq.js +0 -4
- package/dist/assets/lua-Cyyb5UIc.js +0 -1
- package/dist/assets/m3-B8OfTtLu.js +0 -1
- package/dist/assets/markdown-BFxVWTOG.js +0 -1
- package/dist/assets/mdx-CtHfOclF.js +0 -1
- package/dist/assets/mips-CiqrrVzr.js +0 -1
- package/dist/assets/monaco-BIO15LCS.js +0 -1005
- package/dist/assets/monaco-DdLsZAcA.css +0 -1
- package/dist/assets/msdax-DmeGPVcC.js +0 -1
- package/dist/assets/mysql-C_tMU-Nz.js +0 -1
- package/dist/assets/objective-c-BDtDVThU.js +0 -1
- package/dist/assets/pascal-vHIfCaH5.js +0 -1
- package/dist/assets/pascaligo-DtZ0uQbO.js +0 -1
- package/dist/assets/perl-Ub6l9XKa.js +0 -1
- package/dist/assets/pgsql-BlNEE0v7.js +0 -1
- package/dist/assets/php-BBUBE1dy.js +0 -1
- package/dist/assets/pla-DSh2-awV.js +0 -1
- package/dist/assets/postiats-CocnycG-.js +0 -1
- package/dist/assets/powerquery-tScXyioY.js +0 -1
- package/dist/assets/powershell-COWaemsV.js +0 -1
- package/dist/assets/protobuf-Brw8urJB.js +0 -2
- package/dist/assets/pug-8SOpv6rk.js +0 -1
- package/dist/assets/python-CazlH6B-.js +0 -1
- package/dist/assets/qsharp-Bw9ernYp.js +0 -1
- package/dist/assets/r-j7ic8hl3.js +0 -1
- package/dist/assets/razor-BfGfB6aB.js +0 -1
- package/dist/assets/redis-Bu5POkcn.js +0 -1
- package/dist/assets/redshift-Bs9aos_-.js +0 -1
- package/dist/assets/restructuredtext-CqXO7rUv.js +0 -1
- package/dist/assets/ruby-zBfavPgS.js +0 -1
- package/dist/assets/rust-BzKRNQWT.js +0 -1
- package/dist/assets/sb-BBc9UKZt.js +0 -1
- package/dist/assets/scala-D9hQfWCl.js +0 -1
- package/dist/assets/scheme-BPhDTwHR.js +0 -1
- package/dist/assets/scss-CBJaRo0y.js +0 -3
- package/dist/assets/shell-DiJ1NA_G.js +0 -1
- package/dist/assets/solidity-Db0IVjzk.js +0 -1
- package/dist/assets/sophia-CnS9iZB_.js +0 -1
- package/dist/assets/sparql-CJmd_6j2.js +0 -1
- package/dist/assets/sql-ClhHkBeG.js +0 -1
- package/dist/assets/st-CHwy0fLd.js +0 -1
- package/dist/assets/swift-CnmFD0ga.js +0 -1
- package/dist/assets/systemverilog-Bs9z6M-B.js +0 -1
- package/dist/assets/tcl-Dm6ycUr_.js +0 -1
- package/dist/assets/tsMode-BZv6gTt6.js +0 -11
- package/dist/assets/twig-Csy3S7wG.js +0 -1
- package/dist/assets/typescript-BgDL1fzP.js +0 -1
- package/dist/assets/typespec-Btyra-wh.js +0 -1
- package/dist/assets/useReplaceWebResourceConfirm-DND-V0vw.js +0 -1
- package/dist/assets/useStableKeys-BkDn7til.js +0 -1
- package/dist/assets/vb-Db0cS2oM.js +0 -1
- package/dist/assets/wgsl-BTesnYfV.js +0 -298
- package/dist/assets/workers-BZ4mXA5s.js +0 -1
- package/dist/assets/xml-Cl6spsD4.js +0 -1
- package/dist/assets/yaml-El-x4GhS.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -9,6 +9,173 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
9
9
|
|
|
10
10
|
## [Unreleased]
|
|
11
11
|
|
|
12
|
+
## [0.9.0] - 2026-11-14
|
|
13
|
+
|
|
14
|
+
The UX overhaul in Fluent 2, and Edit mode. Command Bar Studio now shows a Structure tree and
|
|
15
|
+
group cards you can reorder, edits commands, rules, scripts and XML in one drawer, and says what
|
|
16
|
+
a publish will do before it runs. This release is 0.9.0-beta.1 to 0.9.0-beta.3, whose notes below
|
|
17
|
+
are the full list. Requires Power Platform ToolBox 1.2.7 or later, as 0.8 does.
|
|
18
|
+
|
|
19
|
+
### Highlights
|
|
20
|
+
|
|
21
|
+
- **Edit mode (#193):**
|
|
22
|
+
- a Structure tree of tabs, groups and buttons, and group cards you can reorder;
|
|
23
|
+
- "How users see it", a preview of the command bar;
|
|
24
|
+
- a Solution tab, an entity picker in the top bar, and a List view that fits and sorts.
|
|
25
|
+
- **One editor drawer** for commands, rules, scripts, XML, Compare and Translations, with Done
|
|
26
|
+
and one Undo step per drawer.
|
|
27
|
+
- **Properties:** sections by kind, with texts shown as the canvas shows them. A button that
|
|
28
|
+
isn't yours is read-only until you customise it, and since beta.3 its rules can't be bound or
|
|
29
|
+
unbound from Properties either (#267).
|
|
30
|
+
- **The publish dialog** says what will publish and why Publish is blocked.
|
|
31
|
+
- **Dialogs** use one shell and open on the right control: search boxes get focus, and default
|
|
32
|
+
names are selected so typing replaces them (#268).
|
|
33
|
+
- **Keyboard and screen readers (#23):** the pane resize handles work from the keyboard, and the
|
|
34
|
+
Classic and Modern canvases have accurate roles and keyboard selection.
|
|
35
|
+
- **Lighter start (#118):** the code editor loads the first time you open one, with XML and
|
|
36
|
+
JavaScript only; the package is 2.7 MB smaller (16.3 → 13.6 MB unpacked).
|
|
37
|
+
- **Fixes:** closing Compare no longer logs a disposed-model error (#266).
|
|
38
|
+
|
|
39
|
+
### ⚠️ Upgrading from 0.8.x
|
|
40
|
+
|
|
41
|
+
- **Changes you'll notice:**
|
|
42
|
+
- **Layout:** the entity picker moved from the left pane to the top bar. The left pane has
|
|
43
|
+
Structure and Solution tabs, and the canvas view (Group cards, Classic, Modern or List) is
|
|
44
|
+
picked from **View** above the canvas.
|
|
45
|
+
- **Editors:** commands, rules, scripts, XML, Compare and Translations open in one drawer
|
|
46
|
+
instead of separate panels and dialogs; **Done** closes it.
|
|
47
|
+
- **Microsoft's buttons:** Properties and the command editor are read-only for a button or
|
|
48
|
+
command that isn't yours until you choose **Customise command**.
|
|
49
|
+
- **Nothing else changes:** the PPTB requirement and the published format are the same.
|
|
50
|
+
- **0.8.x is end of life:** 0.8.0 is deprecated on npm and gets no support window, because
|
|
51
|
+
0.9.0 needs the same PPTB (see `SECURITY.md`).
|
|
52
|
+
- **0.9.0-beta.3 wasn't published to npm.** Its fixes ship in 0.9.0.
|
|
53
|
+
|
|
54
|
+
## [0.9.0-beta.3] - 2026-11-12
|
|
55
|
+
|
|
56
|
+
Not published to npm: these fixes ship in 0.9.0.
|
|
57
|
+
|
|
58
|
+
### 🔧 Fixed
|
|
59
|
+
|
|
60
|
+
- **Closing Compare no longer throws an error (#266).** Closing **Compare with published** or a
|
|
61
|
+
History diff could log "TextModel got disposed before DiffEditorWidget model got reset" in the
|
|
62
|
+
tool's console. The editor library disposed the two texts before the diff editor that showed
|
|
63
|
+
them; now they're disposed after it. Compare's repaint listeners are released when it closes,
|
|
64
|
+
too: they were never removed, because Monaco doesn't announce when a diff editor is disposed.
|
|
65
|
+
- **Properties no longer changes Microsoft's commands without Customise command (#267).** On an
|
|
66
|
+
out-of-the-box button, **Display rules** and **Enable rules** in Properties still offered Bind,
|
|
67
|
+
Create new rule and unbinding, which changed Microsoft's command straight away. The command
|
|
68
|
+
editor has kept such commands read-only since 0.9.0-beta.1. Properties now does the same: the
|
|
69
|
+
bound rules still open, and a line says to customise the command to change them. After
|
|
70
|
+
**Customise command**, binding works as before.
|
|
71
|
+
- **Dialogs start where you type (#268).** The web resource browser and the icon picker open on
|
|
72
|
+
their search box instead of the Close button. New button, New group and New tab open with their
|
|
73
|
+
default name ("New Button", …) selected, so typing replaces it instead of adding to it; Renaming
|
|
74
|
+
a tab or group selects the current name.
|
|
75
|
+
|
|
76
|
+
### 🏗️ Technical
|
|
77
|
+
|
|
78
|
+
- **Every tag is checked in PPTB first (#263, as FetchXML Studio #306).** Each PR was checked in
|
|
79
|
+
PPTB on its own build, but the build a tag publishes (every merged change plus the version
|
|
80
|
+
bump, built by `release.yml`) wasn't run in PPTB until it was on npm. RELEASING.md's new
|
|
81
|
+
*Before every tag* step runs the rehearsal's `package` tarball in PPTB, with a short smoke
|
|
82
|
+
list that includes a publish on a test table, before any beta, stable or hotfix tag. The smoke
|
|
83
|
+
test of the published beta before `latest` stays.
|
|
84
|
+
|
|
85
|
+
## [0.9.0-beta.2] - 2026-11-01
|
|
86
|
+
|
|
87
|
+
### 🔧 Changed
|
|
88
|
+
|
|
89
|
+
- **The Insider icon's gold corner is bigger, two-tone and flush with the edge (#236).** Betas
|
|
90
|
+
show a gold corner on the tool icon. It was small and light, and a blue sliver showed between it
|
|
91
|
+
and the hexagon's edge. It's now about 1.5 times larger, sits on both edges, and is split on the
|
|
92
|
+
same diagonal as the blue in two golds (`#CC8A00` and `#F2A100`), so it reads at the 20–24 px
|
|
93
|
+
PPTB shows. FetchXML Studio and Dataverse Request Studio use the same stamp. Restart PPTB to see
|
|
94
|
+
it: PPTB keeps tool icons until it restarts.
|
|
95
|
+
- **The tool starts without loading the code editor (#118).** Monaco (about 4 MB) loaded with the
|
|
96
|
+
tool, before any editor opened. It now loads the first time you open the XML view, Compare, a
|
|
97
|
+
script, Import XML or the publish dialog's XML. It brings XML and JavaScript only: the other
|
|
98
|
+
languages and the CSS, HTML and JSON workers are gone, and the package is 2.7 MB smaller
|
|
99
|
+
(16.3 → 13.6 MB unpacked).
|
|
100
|
+
|
|
101
|
+
### 🔧 Fixed
|
|
102
|
+
|
|
103
|
+
- **The pane resize handles work from the keyboard (#23).** Tab to the handle beside the left
|
|
104
|
+
pane, the Properties pane or the bottom panel, then use the arrow keys (Shift for bigger
|
|
105
|
+
steps). Screen readers announce which pane it sizes, its width or height, and how far it can
|
|
106
|
+
go in this window. Dragging a handle saved the pane
|
|
107
|
+
sizes on every mouse move; it now saves them at most every quarter second.
|
|
108
|
+
- **Screen readers get accurate roles on the Classic and Modern canvases (#23).** The Classic
|
|
109
|
+
canvas called itself a tree grid without rows or cells; its groups are now plain groups. The
|
|
110
|
+
selected button on both canvases is marked as current, instead of with an attribute buttons
|
|
111
|
+
don't support.
|
|
112
|
+
- **The Classic canvas works from the keyboard (#23).** Tabbing to a button didn't select it:
|
|
113
|
+
its group took the focus event and selected itself instead. The arrow keys didn't move between
|
|
114
|
+
buttons you can drag, because the drag handler replaced the button's own. Enter or Space
|
|
115
|
+
picks a button up to move it with the arrow keys, as before, and now keeps that button
|
|
116
|
+
selected (its group moved the selection to the group's first button). Escape cancels the move
|
|
117
|
+
without leaving the canvas stuck in drag mode.
|
|
118
|
+
- **The Structure pane's hint wraps inside its padding.** With no table chosen, the second line
|
|
119
|
+
of "Choose a table to see its tabs, groups and buttons." started at the pane's edge.
|
|
120
|
+
|
|
121
|
+
### 🏗️ Technical
|
|
122
|
+
|
|
123
|
+
- **Accessibility lint (#23).** The `jsx-a11y` recommended rules are on, so CI fails on new
|
|
124
|
+
keyboard and screen-reader problems. The few deliberate exceptions (dialog autofocus, the
|
|
125
|
+
command palette's options, focusable tooltip triggers, the resize handles) are disabled on
|
|
126
|
+
their line with the reason.
|
|
127
|
+
- **Release workflow hardening (#250, as FetchXML Studio #188).**
|
|
128
|
+
- **Separate jobs:** `release.yml` is split into `build`, `publish` and `github-release`.
|
|
129
|
+
- The job that installs and runs the dependencies (`npm ci --ignore-scripts`, no cache, the
|
|
130
|
+
checks, the build) can only read the repository.
|
|
131
|
+
- Only `publish` can get the npm OIDC token, only for a tag push, and it installs no
|
|
132
|
+
project dependencies: it publishes the tarball `build` packed.
|
|
133
|
+
- Only `github-release` can write to the repository.
|
|
134
|
+
- **More checks before publishing:** the release build now also runs the runtime audit,
|
|
135
|
+
typecheck, lint and the package-contents check, so a tag on a commit that skipped CI can't
|
|
136
|
+
publish.
|
|
137
|
+
- **Pinned versions:** npm is pinned to 11.21.1 instead of `npm@latest`, and Node to 24.22.0.
|
|
138
|
+
The actions are pinned by commit SHA (checkout v7.0.1, setup-node v7.1.0, upload-artifact
|
|
139
|
+
v7.0.2, download-artifact v8.0.2). Each is at least 14 days old, the project's dependency
|
|
140
|
+
rule.
|
|
141
|
+
- **Rehearsal:** the workflow can run by hand as a rehearsal: every check and
|
|
142
|
+
`npm publish --dry-run`, with no npm token and no GitHub Release. A manual run never
|
|
143
|
+
publishes, even on a tag.
|
|
144
|
+
- **`latest` can't move back:** a stable tag gets `latest` only for main's own version line,
|
|
145
|
+
and a `support/X.Y` commit is checked first. Support branches merge forward into `main`, so
|
|
146
|
+
re-running an older line's release after that merge could have published it to `latest`.
|
|
147
|
+
- **CI:** uses `npm ci --ignore-scripts` and the same action pins, and doesn't keep the
|
|
148
|
+
checkout's token.
|
|
149
|
+
- **Releases check what they must update (#246, as FetchXML Studio #270).** A new
|
|
150
|
+
`check-release.mjs` runs in CI (every PR, and pushes to the long-lived branches) and in the
|
|
151
|
+
release build. It fails when any of these don't match `package.json`'s version:
|
|
152
|
+
- the version's shape (`X.Y.Z`, `X.Y.Z-beta.N` or `X.Y.Z-rc.N`);
|
|
153
|
+
- `package-lock.json`;
|
|
154
|
+
- the CHANGELOG (a dated `[X.Y.Z]` section with entries, under `[Unreleased]`);
|
|
155
|
+
- the version badge (`assets/badges/version.svg` must be what `npm run version-badge` writes);
|
|
156
|
+
- after the build, the bundled icon (the Insider icon for pre-releases).
|
|
157
|
+
|
|
158
|
+
The GitHub Release notes are now built from the CHANGELOG section, after a line on the channel
|
|
159
|
+
and the PPTB requirement, with GitHub's PR list after them. Before, they were the PR list
|
|
160
|
+
alone, replaced by hand. A rehearsal previews them in the run summary. RELEASING.md has a
|
|
161
|
+
table of what every release changes, and an *After every release* checklist (the npm tag, the
|
|
162
|
+
published icon, the tracking issue, the forward merge, deprecating the replaced version).
|
|
163
|
+
Forward merges keep the higher version.
|
|
164
|
+
- **Repository hygiene (#118).**
|
|
165
|
+
- **Dead code removed:** the unused PublishXml publish helpers (with their PublishAllXml
|
|
166
|
+
fallback), a second copy of the LocLabel XML builder, `groupTemplates.ts` (it listed
|
|
167
|
+
templates that don't exist), and five unused exports (`fetchPublisherPrefix`,
|
|
168
|
+
`isInsidePPTB`, `classicIdForMigratedCommand`, `isOverrideCustomAction`, `evaluateRule`).
|
|
169
|
+
- **A misleading comment corrected:** the generator's system-command filter doesn't keep
|
|
170
|
+
unchanged out-of-the-box commands out of a publish (the parser keeps their actions since
|
|
171
|
+
#42); `keepOnly` in `publishService` does.
|
|
172
|
+
- **Coverage:** `npm run test:coverage` (`@vitest/coverage-v8`), and CI writes the totals to
|
|
173
|
+
the run summary. It reports; it doesn't gate.
|
|
174
|
+
- **README:** removed features the tool doesn't have (the form ribbon scope selector, Power Fx
|
|
175
|
+
and Custom API actions, editing web resources in Monaco, the URL Action Composer) and the
|
|
176
|
+
old test counts; the roadmap points at the milestones.
|
|
177
|
+
- **CHANGELOG:** entries for 0.5.1 and 0.5.2.
|
|
178
|
+
|
|
12
179
|
## [0.9.0-beta.1] - 2026-11-01
|
|
13
180
|
|
|
14
181
|
The first beta of 0.9.0 (npm `beta`): the UX overhaul in Fluent 2, and Edit mode.
|
|
@@ -1152,6 +1319,18 @@ in the desktop app and the VS Code extension. 0.5.x stays available for PPTB ver
|
|
|
1152
1319
|
config (replaced, see above), coverage, the bundle analyzer and unused testing-library packages (12 dev dependencies
|
|
1153
1320
|
in total).
|
|
1154
1321
|
|
|
1322
|
+
## [0.5.2] - 2026-07-17
|
|
1323
|
+
|
|
1324
|
+
Republished 0.5.1 (same commit, `274eb2a`); no changes.
|
|
1325
|
+
|
|
1326
|
+
## [0.5.1] - 2026-07-17
|
|
1327
|
+
|
|
1328
|
+
Published to npm before the repository had tags or CI.
|
|
1329
|
+
|
|
1330
|
+
- **Monaco works inside PPTB.** Its language workers are bundled with the tool, same-origin,
|
|
1331
|
+
instead of being fetched, which PPTB's content security policy blocks (`e8aaf9c`).
|
|
1332
|
+
- **npm packaging metadata** for the ToolBox (`274eb2a`).
|
|
1333
|
+
|
|
1155
1334
|
## [0.5.0] - 2026-07-16
|
|
1156
1335
|
|
|
1157
1336
|
### 🎉 First Beta Release
|
package/README.md
CHANGED
|
@@ -38,14 +38,13 @@ reimagined with React 18, Fluent UI v9, and live Dataverse integration via
|
|
|
38
38
|
- Command binding with action summary chips
|
|
39
39
|
- Display rules + Enable rules pill lists with inline add/remove
|
|
40
40
|
- Scaling summary (read-only: the tab's groups and scaling steps)
|
|
41
|
-
- Advanced:
|
|
41
|
+
- Advanced: `Mscrm.OpenRecordItem` override toggle, client-type filter shortcuts (Unified Interface evaluates as `Modern`; one filter per command)
|
|
42
42
|
- Provenance notice — names the managed solution and publisher a button comes from
|
|
43
43
|
|
|
44
44
|
### ⚡ Command Editor
|
|
45
45
|
- JavaScript function: library (with Browse… to Web Resource Browser), function name, positional CrmParameter editor
|
|
46
46
|
- URL action: address, PassParams, WinMode, named CrmParameters with querystring key
|
|
47
|
-
-
|
|
48
|
-
- Custom API / Web API action
|
|
47
|
+
- Power Fx and Custom API actions belong to modern commands (`appaction`), not the classic ribbon: they aren't offered, and an existing one shows as not supported ([#28](https://github.com/mohsinonxrm/pptb-mxrm-commandbar-studio/issues/28))
|
|
49
48
|
- Enable rules + Display rules binding
|
|
50
49
|
- References tab showing exact buttons + tab/group breadcrumb
|
|
51
50
|
- Versions tab from history
|
|
@@ -85,12 +84,7 @@ reimagined with React 18, Fluent UI v9, and live Dataverse integration via
|
|
|
85
84
|
### 🌐 Web Resource Browser
|
|
86
85
|
- Virtualized list with type filter, custom-only toggle, search
|
|
87
86
|
- Upload new resource directly from the browser
|
|
88
|
-
-
|
|
89
|
-
|
|
90
|
-
### 🔗 URL Action Composer
|
|
91
|
-
- Base URL, PassParams (full 6-parameter table per MS docs), custom CrmParameters
|
|
92
|
-
- Live URL preview; `&` → `&` escaping handled automatically
|
|
93
|
-
- WinMode: Navigate / Dialog / Popup
|
|
87
|
+
- A command's JavaScript library opens in Monaco from the Command Editor (**View script** / **Edit script**)
|
|
94
88
|
|
|
95
89
|
### 📊 XML and Compare
|
|
96
90
|
- Views of the editor drawer: the XML of your changes opens on the location you're on, one location per tab, in Monaco (read-only; **Import this XML** hands it to the import dialog)
|
|
@@ -124,6 +118,7 @@ reimagined with React 18, Fluent UI v9, and live Dataverse integration via
|
|
|
124
118
|
- `Delete/Backspace` — Delete button (with OOB confirm)
|
|
125
119
|
- `F2` — Inline rename tab / group
|
|
126
120
|
- Arrow keys — navigate buttons on canvas
|
|
121
|
+
- Pane resize handles — Tab to one, then the arrow keys resize the pane (Shift for bigger steps)
|
|
127
122
|
|
|
128
123
|
### 💾 Persistence
|
|
129
124
|
- Unpublished changes are saved as a draft in `localStorage` after every change, per org,
|
|
@@ -291,7 +286,7 @@ CBS runs in two modes:
|
|
|
291
286
|
| **Zustand** | 5 | Global state (ribbons, selection, UI, session) |
|
|
292
287
|
| **fflate** | 0.8 | ZIP compression for solution package + ribbon XML decompression |
|
|
293
288
|
| **@pptb/types** | 1.2.7 | Power Platform ToolBox host API types (`window.dataverseAPI`, `window.toolboxAPI`) |
|
|
294
|
-
| **Vitest** |
|
|
289
|
+
| **Vitest** | 5 | Test runner (`npm test`) |
|
|
295
290
|
|
|
296
291
|
---
|
|
297
292
|
|
|
@@ -337,14 +332,15 @@ src/
|
|
|
337
332
|
sessionStore.ts — Solutions, entities, connection, publisher prefix
|
|
338
333
|
runtimeLogStore.ts — Console tab entries
|
|
339
334
|
utils/
|
|
340
|
-
ruleEngine.ts — summarizeRule()
|
|
335
|
+
ruleEngine.ts — summarizeRule(): a rule in plain English, for all 30 kinds
|
|
336
|
+
monacoSetup.ts — Monaco (XML and JavaScript only), loaded with the first editor
|
|
341
337
|
idGenerator.ts — Publisher-prefixed unique ribbon IDs
|
|
342
338
|
webResourceBrowserCallback.ts — Module-level callback registry for WRB selection
|
|
343
339
|
ribbonProvenance.ts — applyProvenanceToRibbons + heuristicOrigin
|
|
344
340
|
monacoCompletions.ts — $LocLabels: / $webresource: / Command= completions
|
|
345
341
|
types/
|
|
346
342
|
ribbon.ts — Full domain model: RibbonButton, RuleStep (30 kinds), …
|
|
347
|
-
__tests__/ —
|
|
343
|
+
__tests__/ — Vitest tests (`npm test`)
|
|
348
344
|
__fixtures__/ — ribbon/account-full.xml, all-rule-kinds.xml, ribbondiff/…
|
|
349
345
|
```
|
|
350
346
|
|
|
@@ -369,9 +365,11 @@ style messages (`feat:`, `fix:`, `chore:` …).
|
|
|
369
365
|
|
|
370
366
|
## 📋 Roadmap
|
|
371
367
|
|
|
368
|
+
What's planned is on the [milestones](https://github.com/mohsinonxrm/pptb-mxrm-commandbar-studio/milestones). Longer-term ideas:
|
|
369
|
+
|
|
372
370
|
- [x] ~~ClassicRibbon drag migration to `@dnd-kit` with `DragOverlay` ghost~~ ✅ shipped in 0.5.0
|
|
373
371
|
- [ ] `QueueUpdateRibbonClientMetadata` for targeted ribbon-only publish (vs. broad `publishCustomizations`)
|
|
374
|
-
- [ ] Power Fx
|
|
372
|
+
- [ ] Modern commands with JavaScript actions (v1.1.0; Power Fx stays out of scope)
|
|
375
373
|
- [ ] Import error line highlighting in Monaco
|
|
376
374
|
- [ ] Accessibility audit — verify full WCAG 2.1 AA compliance against spec §28
|
|
377
375
|
- [ ] ClassicRibbon button drag: migrate from `useDraggable` to `useSortable` for live in-place reordering animation
|
package/SECURITY.md
CHANGED
|
@@ -55,14 +55,14 @@ ToolBox (PPTB) and talks to Dataverse only through the host's
|
|
|
55
55
|
| Betas (npm `beta`) | Fixed in the next beta |
|
|
56
56
|
| Anything older | ❌ |
|
|
57
57
|
|
|
58
|
-
**Everything before 0.
|
|
59
|
-
and 0.5.x included:
|
|
58
|
+
**Everything before 0.9.0 is deprecated on npm and gets no further fixes**, 0.8.x, 0.7.x,
|
|
59
|
+
0.6.x and 0.5.x included:
|
|
60
60
|
- **Before 0.6.2:** these versions bundle DOMPurify 3.2.7 (in the Monaco editor), which has
|
|
61
61
|
critical advisories.
|
|
62
|
-
- **0.6.x and 0.
|
|
62
|
+
- **0.6.x, 0.7.x and 0.8.x:** they get no support window, because the next minor needs the same Power
|
|
63
63
|
Platform ToolBox (1.2.7). Update to the latest release.
|
|
64
64
|
|
|
65
|
-
Use 0.
|
|
65
|
+
Use 0.9.0 or later, which requires Power Platform ToolBox 1.2.7 or later; users on an older
|
|
66
66
|
PPTB need to update it. A previous minor keeps a support window only when the next minor
|
|
67
67
|
raises that requirement, because only then can users be unable to update. See
|
|
68
68
|
[RELEASING.md](RELEASING.md) → *Supported versions*.
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import{r as $,j as n,a6 as se,a7 as te,a8 as ke,c as D,B as Ge,F as Ne,ar as Bn,m as Vn,t as I,W as re,dY as Sn,k as ce,ao as us,a9 as hs,e3 as ms,e4 as ve,e5 as Re,e6 as Se,eP as ps,d as $n,eQ as bs,dO as gs,ec as fs,dX as ys,e0 as xs,N as ws,cH as Cs,aq as js,am as vs,al as Rs,ap as Ss,ai as $s,at as Is}from"./fluent-ui-CQyNN9H3.js";import{p as $e,g as ks,e as Ns,d as Ps,m as _e,f as Ts,h as As,j as Es,k as Ds,n as Ls,l as Qe,o as zs,q as Ms,r as Os,s as Us,t as Ye,v as Xs,w as Bs,x as Vs,y as In,z as qs,A as Ws,B as He,C as Fs,D as _s,E as qn,F as en,G as Pe,H as Hs,J as Ks,K as kn,L as Gs,M as Ke,N as Ys,O as Nn,P as B,Q as Js,R as Wn,S as W,T as Fn,U as Zs,V as Je,W as Qs,b as Pn,a as X,X as et,Y as Ie,Z as nt,_ as st,$ as tt,a0 as it,a1 as Tn}from"./index-D7TexD30.js";import{M as ot}from"./MonacoEditor-CEYP9b6u.js";import{w as at,v as _n}from"./xmlValidator-xIq-x9Ub.js";import"./preload-helper-PPVm8Dsz.js";import"./dnd-iy5K5XAJ.js";import"./ruleKinds-BKTUiZ1-.js";import"./crmParameters-rgfZhhzN.js";let An=0;async function nn(e){const s=typeof window<"u"?window.toolboxAPI:void 0;An++===0&&await En(()=>s?.preventClose?.());try{return await e()}finally{--An===0&&await En(()=>s?.releasePreventClose?.())}}const lt=2e3;async function En(e){let s;try{await Promise.race([e(),new Promise(i=>s=setTimeout(i,lt))])}catch{}finally{clearTimeout(s)}}function pe(e,s){const i=e.match(new RegExp(`\\s${s}="([^"]*)"`));return i?i[1]:null}function Dn(e,s,i){const o=e.indexOf(i,s);return e.slice(s,o===-1?void 0:o).match(/<result\s[^>]*>/g)??[]}function Ln(e){const s=e.find(i=>pe(i,"result")!=="success");if(s){const i=pe(s,"errorcode")??"",o=pe(s,"errortext")??"unknown error";return{ok:!1,message:`Dataverse rejected the ribbon (${i}): ${o}`}}return null}function rt(e,s){if(!e)return{ok:!1,message:"The import job returned no result data, so the ribbon import could not be verified."};if(s.kind==="application"){const a=e.search(/<ribbon\s[^>]*processed="true"/);return a===-1?{ok:!1,message:"Import completed, but Dataverse did not process the application ribbon."}:Ln(Dn(e,a,"</ribbon>"))??{ok:!0,message:"Application ribbon imported."}}const i=new Set(s.names.filter(Boolean).map(a=>a.toLowerCase())),o=/<entityRibbon\s[^>]*>/g;let l;for(;l=o.exec(e);){const a=(pe(l[0],"id")??"").toLowerCase();if(i.has(a))return pe(l[0],"processed")!=="true"?{ok:!1,message:`Dataverse did not process the ribbon for ${a}.`}:Ln(Dn(e,l.index,"</entityRibbon>"))??{ok:!0,message:`Ribbon for ${a} imported.`}}return{ok:!1,message:`Import completed, but Dataverse did not apply a ribbon for ${s.names.join(" / ")} (no entityRibbon result in the import job). Nothing was changed.`}}const K=window.dataverseAPI;async function ct(e,s,i){return await i("The import"),K.execute({operationName:"ImportSolution",operationType:"action",parameters:{CustomizationFile:e,ImportJobId:s,OverwriteUnmanagedCustomizations:!0,PublishWorkflows:!1}})}async function dt(e,s){await s("Publishing");const i=e.map(o=>`<entity>${B(o)}</entity>`).join("");return K.execute({operationName:"PublishXml",operationType:"action",parameters:{ParameterXml:`<importexportxml><entities>${i}</entities></importexportxml>`}})}function zn(e){const s=e.data?.progress;return!!(typeof s=="object"&&s!==null&&s.completed===!0||typeof e.progress=="number"&&e.progress>=100||typeof s=="number"&&s>=100||e.completedon||e.data?.completedon||e.statuscode===30)}async function Hn(e){const s=e.entity?.logicalName??"{!EntityLogicalName}",i={deletedContainerIds:e.plan.deletedContainerIds??[],movedButtons:e.plan.movedButtons??[],editedLocLabelIds:e.plan.editedLocLabelIds??[],editedTabIds:e.plan.editedTabIds??[],resequencedTabs:e.plan.resequencedTabs??[],resequencedGroups:e.plan.resequencedGroups??[]},o=e.locLabels.filter(r=>i.editedLocLabelIds.includes(r.id)),l=e.languageCode??1033;for(const r of e.plan.renamedLabels??[]){const h=o.find(S=>S.id===r.id)??e.locLabels.find(S=>S.id===r.id),j=[{languageCode:l,description:r.text},...(h?.titles??[]).filter(S=>S.languageCode!==l)],R=o.findIndex(S=>S.id===r.id);R>=0?o[R]={id:r.id,titles:j}:o.push({id:r.id,titles:j})}let a=o.length?$e(`<RibbonDiffXml><LocLabels>${o.map(ks).join("")}</LocLabels></RibbonDiffXml>`):Ns();for(const r of e.locations){const h=Ps({current:r.current,baseline:r.baseline,commands:e.commands,enableRules:e.enableRules,displayRules:e.displayRules,locLabels:e.locLabels,entityLogicalName:s,location:r.current.location,languageCode:e.languageCode});a=_e(a,$e(h))}const c=[],u=[];for(const r of e.locations)for(const h of r.current.tabs){if(!i.editedTabIds.includes(h.id))continue;if(h.tabDisplayRules.length>0){const R=Ts(h,e.entity===null);R&&u.push(R)}const j=new Set(h.tabDisplayRules.map(R=>R.tabCommand));for(const R of r.baseline.tabs.find(S=>S.id===h.id)?.tabDisplayRules??[])j.has(R.tabCommand)||c.push(R.tabCommand)}u.length>0&&(a=_e(a,$e(`<RibbonDiffXml><RuleDefinitions><TabDisplayRules>${u.join("")}</TabDisplayRules></RuleDefinitions></RibbonDiffXml>`)));const y=[...e.commands.filter(r=>e.plan.editedCommandIds.includes(r.id)).map(As)],T={enable:e.enableRules.filter(r=>e.plan.editedEnableRuleIds.includes(r.id)).map(Ds),display:e.displayRules.filter(r=>e.plan.editedDisplayRuleIds.includes(r.id)).map(Es)};(y.length||T.enable.length||T.display.length)&&(a=_e(a,$e(`<RibbonDiffXml><CommandDefinitions>${y.join("")}</CommandDefinitions><RuleDefinitions><DisplayRules>${T.display.join("")}</DisplayRules><EnableRules>${T.enable.join("")}</EnableRules></RuleDefinitions></RibbonDiffXml>`)));const P=(r,h)=>{for(const j of Array.from(r.keys()))h.includes(j)||r.delete(j)},k=e.locations.flatMap(r=>r.current.tabs.filter(h=>!r.baseline.tabs.some(j=>j.id===h.id)).map(Ls));P(a.commandDefinitions,[...e.plan.editedCommandIds,...k]),P(a.enableRules,e.plan.editedEnableRuleIds),P(a.displayRules,e.plan.editedDisplayRuleIds);const m=await Qe(e.entity?.logicalName??null),v=zs(m),b=e.plan.deletedButtonIds.filter(r=>!v.has(r));if(b.length>0)throw new Error(`Can't delete ${b.join(", ")}: not defined in this table's unmanaged customizations (it comes from a managed solution or the platform). Undo the delete and hide the button instead.`);const x=Ms(m),g=i.deletedContainerIds.filter(r=>!x.has(r));if(g.length>0)throw new Error(`Can't delete ${g.join(", ")}: not added by this table's unmanaged customizations (it comes from a managed solution or the platform). Undo the delete.`);const p=i.movedButtons.filter(r=>!v.has(r.id)).map(r=>r.id);if(p.length>0)throw new Error(`Can't move ${p.join(", ")}: not defined in this table's unmanaged customizations. Undo the move.`);const q=Os(m),G=(e.plan.uncustomisedCommandIds??[]).filter(r=>m.commandDefinitions.has(r)&&!Us(r,q));if(G.length>0)throw new Error(`Can't uncustomise ${G.join(", ")}: it is your own command (your customizations' buttons use it and no other solution defines it), so removing it would leave those buttons without a command. Undo the uncustomise.`);const Y=new Set;for(const r of e.locations)for(const h of r.current.tabs)for(const j of h.groups)for(const R of Ye(j))for(const S of Xs(R))Y.add(S);const U=e.plan.uncustomisedCommandIds??[],V=new Set,J=new Set;for(const r of e.commands)if(!(!Y.has(r.id)||U.includes(r.id))){r.enableRules.forEach(h=>V.add(h)),r.displayRules.forEach(h=>J.add(h));for(const h of r.rawRuleRefs??[]){const j=/^\s*<(EnableRule|DisplayRule)\b[^>]*?\sId="([^"]+)"/.exec(h.xml);j&&(j[1]==="EnableRule"?V:J).add(j[2])}}let C=Bs(m,a,{retainedCommandIds:Y,editedCommandIds:e.plan.editedCommandIds,editedEnableRuleIds:e.plan.editedEnableRuleIds,editedDisplayRuleIds:e.plan.editedDisplayRuleIds,deletedControlIds:e.plan.deletedButtonIds,unhiddenControlIds:e.plan.unhiddenButtonIds,deletedContainerIds:i.deletedContainerIds,movedControls:i.movedButtons,resequencedContainers:[...i.resequencedTabs,...i.resequencedGroups],removedTabCommands:c,uncustomisedCommandIds:U,retainedEnableRuleIds:V,retainedDisplayRuleIds:J});for(const r of e.plan.renamedLabels??[])r.newLabel&&(C=Vs(C,r.containerId,`$LocLabels:${r.id}`));const d=new Set([...In(m),...In(C)].map(r=>r.id)),N={};for(const r of e.locations)for(const[h,j]of Object.entries(r.baseline.scalingByTab??{}))N[h]={maxSizes:j.maxSizes.filter(R=>!d.has(R.id)).map(R=>R.sequence),scales:j.scales.filter(R=>!d.has(R.id)).map(R=>R.sequence)};const A=qs(C,N);if(A.problems.length>0)throw new Error(`Not published: ${A.problems.join("; ")}.`);return C=A.parts,{scalingChanges:A.changes,xml:Fs(C),parts:C,elementCount:He(C),preservedCount:He(m),changedCount:He(a),changedKeys:Ws(m,C),newKeys:Object.keys(C).flatMap(r=>Array.from(C[r].keys()).filter(h=>!m[r].has(h)).map(h=>`${r}:${h}`)),layerDefinitionIds:{commandIds:Array.from(m.commandDefinitions.keys()),enableRuleIds:Array.from(m.enableRules.keys()),displayRuleIds:Array.from(m.displayRules.keys())},layer:m}}function Kn(e,s){const i=[],o={},l={},a={},c={},u=new Set,y=new Set,T=new Set;for(const{current:m,baseline:v}of e.locations)for(const b of[v,m])for(const x of b.tabs)for(const g of x.groups)for(const p of Ye(g))for(const q of p.menu?.sections??[])T.add(q.controlsId);for(const{current:m,baseline:v}of e.locations){Object.assign(a,v.templateLayouts);for(const b of v.tabs){i.push(b.id),b.label&&(c[b.id]={Title:b.label});for(const x of b.groups){u.add(x.id),i.push(x.id),x.label&&(c[x.id]={Title:x.label,Label:x.label});for(const g of Ye(x))i.push(g.id),g.source&&(c[g.id]=g.source.attributes)}}for(const b of m.tabs)for(const x of b.groups)y.add(x.id);for(const b of[v,m])for(const x of b.tabs)for(const g of x.groups)g.template&&(l[g.id]=g.template)}const P=m=>u.has(m.groupId)&&!y.has(m.groupId);for(const{baseline:m}of e.locations)for(const[v,b]of Object.entries(m.scalingByTab??{}))o[v]={...b,maxSizes:b.maxSizes.filter(x=>!P(x)),scales:b.scales.filter(x=>!P(x))};const k=(m,v)=>{if(!m)return;const b=new Set(v??[]);return m.map(x=>x.id).filter(x=>!b.has(x))};return{changedKeys:s.changedKeys,newKeys:s.newKeys,commands:e.commands,known:{commandIds:k(e.baselineCommands,s.layerDefinitionIds?.commandIds),enableRuleIds:k(e.baselineEnableRules,s.layerDefinitionIds?.enableRuleIds),displayRuleIds:k(e.baselineDisplayRules,s.layerDefinitionIds?.displayRuleIds),elementIds:i},loadedAttributes:c,publisherPrefix:e.publisherPrefix,tabScaling:o,groupTemplates:l,templateLayouts:a,menuControlsIds:T,...e.entity?{places:{entityLogicalName:e.entity.logicalName,tabByCollection:Object.fromEntries(_s(e.locations.map(m=>m.baseline),e.entity.logicalName))}}:{}}}function ut(e,s){return new Promise((i,o)=>{const l=setTimeout(()=>o(new Error(`it didn't finish within ${Math.round(s/1e3)} s`)),s);e.then(a=>{clearTimeout(l),i(a)},a=>{clearTimeout(l),o(a)})})}async function Mn(e,s={}){const i=await Hn(e),o=Kn(e,i),l=[],a=at(i.parts);if(s.lookupWebResources&&a.length>0)try{o.webResources=await s.lookupWebResources(a)}catch(c){l.push({severity:"warning",code:"webresource-lookup",message:`Couldn't check the ${a.length} referenced web resource(s): ${c instanceof Error?c.message:String(c)}`})}return{findings:[..._n(i.parts,o),...l],xml:i.xml}}async function ht(e,s,i={}){const o=i.attempts??3,l=i.contentKeys??[];let a={missing:[],unexpected:[],differing:[]};for(let u=0;u<o;u++){u>0&&await new Promise(y=>setTimeout(y,i.delayMs??5e3));try{a=Wn(s,await Qe(e),{contentKeys:l})}catch(y){return{ok:!1,missing:[],unexpected:[],differing:[],message:`Couldn't read the published ribbon layer to verify it (${y instanceof Error?y.message:String(y)}).`}}if(a.missing.length===0&&a.unexpected.length===0&&a.differing.length===0){const y=l.length;return{ok:!0,...a,message:"Verified: the published ribbon layer has every element that was imported"+(y>0?`, and the ${y} element(s) this publish changed have the imported content.`:".")}}}const c=u=>u.slice(0,5).join(", ")+(u.length>5?", …":"");return{ok:!1,...a,message:"The published ribbon layer doesn't match what was imported"+(a.missing.length?`; missing: ${c(a.missing)}`:"")+(a.unexpected.length?`; unexpected: ${c(a.unexpected)}`:"")+(a.differing.length?`; different content: ${c(a.differing)}`:"")+". Reload the table and check before publishing again."}}class Ze extends Error{constructor(s,i,o=!1){const l=o?"another solution import ran in the environment meanwhile, and what it changed may not be published yet":Gn(i);super(o?`${s}'s ribbon customizations may have changed in Dataverse since you started publishing: ${l}. Importing could overwrite that change, so nothing was imported. Publish again: the table is published first, so the change is kept.`:`${s}'s ribbon customizations changed in Dataverse since you started publishing (${l}): other ribbon changes for it were published meanwhile, from another session, tool or solution import. Importing would overwrite that change, so nothing was imported. Reload the table to get the change, then publish again.`),this.scopeLabel=s,this.changes=i,this.importRan=o,this.name="RibbonLayerChangedError",this.summary=l}scopeLabel;changes;importRan;summary}function Gn(e){const s=i=>i.slice(0,5).join(", ")+(i.length>5?", …":"");return[e.unexpected.length?`added: ${s(e.unexpected)}`:"",e.missing.length?`removed: ${s(e.missing)}`:"",e.differing.length?`changed: ${s(e.differing)}`:""].filter(Boolean).join("; ")}function mt(e){const s=e instanceof Error?e.message:String(e);return/there is (?:another|a previous) \[(\w+)\] running/i.exec(s)?.[1]??null}const pt=e=>Object.keys(e).flatMap(s=>Array.from(e[s].keys()).map(i=>`${s}:${i}`));function Yn(e,s){const i=[],o=[],l=[];for(const a of Object.keys(e)){for(const[c,u]of e[a]){const y=s[a].get(c);y===void 0?i.push(`${a}:${c}`):y!==u&&l.push(`${a}:${c}`)}for(const c of s[a].keys())e[a].has(c)||o.push(`${a}:${c}`)}return{missing:i,unexpected:o,differing:l}}const Jn=e=>e.missing.length+e.unexpected.length+e.differing.length>0;async function bt(e,s,i,o){const l=o.kind==="imported"?o.attempts??3:1;let a={missing:[],unexpected:[],differing:[]};for(let c=0;c<l;c++){c>0&&o.kind==="imported"&&await new Promise(y=>setTimeout(y,o.delayMs??5e3));const u=await Qe(e);if(a=o.kind==="read"?Yn(i,u):Wn(i,u,{contentKeys:pt(i)}),!Jn(a))return}throw new Ze(s,a)}function On(e,s){return nn(()=>gt(e,s)).finally(()=>qn({afterPublish:!0}))}async function gt(e,s){const i=e.guard??en(),o=Pe.getState(),l=e.entity?e.entity.logicalName:"Application ribbon",a={onProgress:s,...e.busy},c=e.entity===null;if(c&&!e.ribbonCustomizationIds?.length)throw new Error("The selected solution does not contain Application Ribbons. Add it in make.powerapps.com (Solutions → your solution → Add existing → Application Ribbons) and reload the solution.");const u=async(d="Publishing customizations…")=>{s?.(d),await Nn("Publish",async()=>{c?(await i("Publishing"),await K.execute({operationName:"PublishXml",operationType:"action",parameters:{ParameterXml:"<importexportxml><ribbons><ribbon></ribbon></ribbons></importexportxml>"}})):await dt([e.entity.logicalName],i)},a)},y=e.languageCode??await Hs(),T=async d=>{s?.(`Reading existing ribbon customizations for ${l}…`),d&&o.logInfo("publish",`Reading unmanaged ribbon layer for ${l}.`);const N=await Hn({...e,languageCode:y}),A=_n(N.parts,Kn({...e,publisherPrefix:e.solution.publisherPrefix},N)),r=A.filter(h=>h.severity==="error");if(d||r.length>0){o.logInfo("publish",`RibbonDiffXml for ${l}: ${N.preservedCount} existing element(s) preserved, ${N.changedCount} element(s) from this session, ${N.elementCount} total.`);for(const h of N.scalingChanges)o.logWarn("publish",Ys(h));for(const h of A)h.severity==="warning"&&o.logWarn("publish",h.message)}if(r.length>0){for(const h of r)o.logError("publish",h.message);throw new Error(`The pre-publish check found ${r.length} error(s), so nothing was imported: `+r.map(h=>h.message).join("; "))}return N},P=e.publishCustomizations!==!1?await T(!1):null;s?.("Checking that no other solution operation is running…"),await Ks(a);const k=await xt(e.solution);let m=!1;const v=d=>(P&&!m&&d instanceof Error&&(d.message+=` (${l} was published first, so customizations imported elsewhere for it and not yet published are now published.)`),d);if(P){o.logInfo("publish",`Publishing ${l} first, so ribbon changes imported elsewhere but not yet published are kept.`);try{await u(`Publishing ${l} first (keeps changes imported elsewhere but not published)…`)}catch(d){throw d instanceof Error&&(d.message=`Publishing ${l} first failed, so nothing was imported: ${d.message}`),d}}let b;try{b=await T(!0)}catch(d){throw P&&d instanceof Error&&!d.message.startsWith("The pre-publish check")&&(d.message=`${l}'s customizations changed when it was published first (changes imported elsewhere and not yet published): ${d.message} Reload the table to get them, then publish again.`),v(d)}if(P){const d=Yn(P.layer,b.layer);Jn(d)&&o.logInfo("publish",`Publishing ${l} first published ribbon changes imported elsewhere (${Gn(d)}); they are kept.`)}const x=e.entity?.schemaName||e.entity?.logicalName||"",g=c?kn({applicationRibbonDiffXml:b.xml}):kn({entities:[{schemaName:x,localizedName:e.entity?.displayName||x,ribbonDiffXml:b.xml}]}),p=c?[{type:50,schemaName:":RibbonDiffXml",behavior:0}]:[{type:1,schemaName:e.entity.logicalName,behavior:2}],q=jt({...e.solution,languageCode:y,rootComponents:p,details:k});s?.("Packaging solution ZIP…");const G=Gs({"customizations.xml":Ke(g),"solution.xml":Ke(q),"[Content_Types].xml":Ke('<?xml version="1.0" encoding="utf-8"?><Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="xml" ContentType="application/xml"/></Types>')});let Y="";for(let d=0;d<G.length;d++)Y+=String.fromCharCode(G[d]);const U=btoa(Y),V=async(d,N)=>{s?.(`Importing ${l} ribbon${d}…`);const A=crypto.randomUUID();o.logInfo("publish",`Importing solution${d} (import job ${A})…`);let r=!1;await Nn("Import",async()=>{if(await i("Importing"),r)throw new Ze(l,{missing:[],unexpected:[],differing:[]},!0);await bt(e.entity?.logicalName??null,l,N.layer,N.as);try{await ct(U,A,i)}catch(_){throw Js(_)&&mt(_)?.toLowerCase()==="import"&&(r=!0),_}m=!0},a);const h=150,j=2e3;let R=await K.getImportJobStatus(A),S=0;for(;!zn(R)&&S<h;)await new Promise(_=>setTimeout(_,j)),R=await K.getImportJobStatus(A),S++,S%10===0&&s?.(`Still importing… (${S*2}s elapsed)`);if(!zn(R))throw new Error(`Solution import did not complete within ${h*j/1e3} seconds. Check Solutions › History for import job ${A}.`);s?.("Verifying the import…");const F=await K.retrieve("importjob",A,["data"]),Z=rt(F.data,c?{kind:"application"}:{kind:"entity",names:[x,e.entity.logicalName]});if(!Z.ok)throw o.logError("publish",Z.message),new Error(Z.message);return o.logInfo("publish",Z.message),A};let J;try{J=await V("",{layer:b.layer,as:{kind:"read"}})}catch(d){throw v(d)}let C;if(e.publishCustomizations!==!1){await u();{o.logInfo("publish","Refreshing Unified Interface command-bar metadata (second import of the same package)…");try{await V(" (refreshing Unified Interface metadata)",{layer:b.parts,as:{kind:"imported",delayMs:e.verifyDelayMs}}),await u()}catch(d){if(d instanceof Ze)C={ok:!1,...d.changes,message:`Your changes were imported and published, but ${l}'s ribbon customizations changed in Dataverse after that (${d.summary}): other changes were published meanwhile. They weren't imported a second time to refresh Unified Interface's command-bar metadata, since that would overwrite the other change, so new or changed buttons may not appear in the app until the table's ribbon is published again. Reload the table to see the other change.`},o.logWarn("publish",C.message);else throw new Error(`Your changes were imported and published, but refreshing Unified Interface's command-bar metadata failed (${d instanceof Error?d.message:String(d)}). New or changed buttons may not appear in the app until you publish again.`)}}C||(s?.("Verifying the published ribbon…"),C=await ht(e.entity?.logicalName??null,b.parts,{delayMs:e.verifyDelayMs,contentKeys:b.changedKeys}),C.ok?o.logInfo("publish",C.message):o.logWarn("publish",C.message))}else o.logWarn("publish","Imported without publishing. New or changed buttons appear in Unified Interface only after you publish from Command Bar Studio (which re-imports once to refresh the command-bar metadata).");return s?.(e.publishCustomizations!==!1?`${l} ribbon published.`:`${l} ribbon imported (not published).`),{elementCount:b.elementCount,preservedCount:b.preservedCount,importJobId:J,verification:C,parts:b.parts,changedKeys:b.changedKeys}}function ft(e,s){return nn(()=>yt(e,s)).finally(()=>qn({afterPublish:!0}))}async function yt(e,s){const i=s?.guard??en(),o=Pe.getState(),l=s?.pollIntervalMs??2e3,a=s?.timeoutMs??600*1e3;e?.("Starting asynchronous publish (PublishAllXmlAsync)..."),o.logInfo("publish","Calling PublishAllXmlAsync action."),await i("Publishing");const u=(await K.execute({operationName:"PublishAllXmlAsync",operationType:"action"}))?.AsyncOperationId;if(!u)throw new Error("PublishAllXmlAsync did not return AsyncOperationId.");o.logInfo("publish",`PublishAllXmlAsync job id: ${u}`),e?.("Async publish job started. Waiting for completion...");const y=Date.now();let T=0,P;for(;Date.now()-y<a;){T+=1;const k=await K.retrieve("asyncoperation",u,["asyncoperationid","statecode","statuscode","name","message","friendlymessage","completedon"]);if(P=k.statuscode,k.statecode===3||!!k.completedon){if(typeof k.statuscode=="number"&&k.statuscode!==30){const v=k.friendlymessage||k.message||`statuscode=${k.statuscode}`;throw new Error(`Asynchronous publish failed: ${v}`)}return e?.("Asynchronous publish completed successfully."),o.logInfo("publish",`PublishAllXmlAsync completed in ${T} poll(s).`),{asyncOperationId:u,statusCode:k.statuscode}}e?.(`Waiting for async publish job... (poll ${T})`),await new Promise(v=>setTimeout(v,l))}throw new Error(`Asynchronous publish timed out after ${Math.round(a/1e3)} seconds (last status: ${P??"unknown"}).`)}const Zn=[["AddressTypeCode","addresstypecode"],["City","city"],["County","county"],["Country","country"],["Fax","fax"],["FreightTermsCode","freighttermscode"],["Latitude","latitude"],["Line1","line1"],["Line2","line2"],["Line3","line3"],["Longitude","longitude"],["Name","name"],["PostalCode","postalcode"],["PostOfficeBox","postofficebox"],["PrimaryContactName","primarycontactname"],["ShippingMethodCode","shippingmethodcode"],["StateOrProvince","stateorprovince"],["Telephone1","telephone1"],["Telephone2","telephone2"],["Telephone3","telephone3"],["UPSZone","upszone"],["UTCOffset","utcoffset"],["UTCConversionTimeZoneCode","utcconversiontimezonecode"]];async function xt(e){let s;try{s=(await K.queryData(`solutions?$select=description&$expand=publisherid&$filter=uniquename eq '${e.uniqueName.replace(/'/g,"''")}'`)).value?.[0]}catch(c){throw new Error(`Couldn't read solution ${e.uniqueName} and its publisher (${c instanceof Error?c.message:String(c)}), so nothing was imported: an import without them would clear the publisher's details.`)}const i=s?.publisherid;if(!s||!i)throw new Error(`Couldn't read solution ${e.uniqueName} and its publisher, so nothing was imported: an import without them would clear the publisher's details.`);const o=i.customizationoptionvalueprefix;if(typeof o!="number")throw new Error(`Couldn't read the option-value prefix of publisher ${e.publisherUniqueName}, so nothing was imported: a wrong one would change the publisher.`);const l=c=>typeof c=="string"?c:"",a=[1,2].map(c=>Object.fromEntries(Zn.map(([,u])=>[u,i[`address${c}_${u}`]]).filter(([,u])=>u!=null&&u!==""))).map((c,u)=>({number:u+1,...c}));return{solutionDescription:l(s.description),publisherDescription:l(i.description),publisherEmail:l(i.emailaddress),publisherWebsite:l(i.supportingwebsiteurl),publisherOptionValuePrefix:o,publisherAddresses:a.filter(c=>Object.keys(c).length>1)}}const wt=e=>B(e).replace(/\r/g,"
").replace(/\n/g,"
").replace(/\t/g,"	"),Un=(e,s)=>e?`<Descriptions>
|
|
2
|
+
<Description description="${wt(e)}" languagecode="${s}"/>
|
|
3
|
+
</Descriptions>`:"<Descriptions/>",Ct=e=>e.length===0?"<Addresses/>":`<Addresses>${e.map(s=>`
|
|
4
|
+
<Address>
|
|
5
|
+
<AddressNumber>${s.number}</AddressNumber>${Zn.filter(([,i])=>i in s).map(([i,o])=>`
|
|
6
|
+
<${i}>${B(String(s[o]))}</${i}>`).join("")}
|
|
7
|
+
</Address>`).join("")}
|
|
8
|
+
</Addresses>`;function jt(e){const s=e.publisherUniqueName?.trim()||"DefaultPublisher",i=e.publisherName?.trim()||s,o=e.publisherPrefix?.trim()||"new",l=e.languageCode||1033,a=e.friendlyName?.trim()||e.uniqueName,c=e.rootComponents.length===0?"<RootComponents/>":`<RootComponents>
|
|
9
|
+
${e.rootComponents.map(u=>{const y=[`type="${u.type}"`];return u.schemaName&&y.push(`schemaName="${B(u.schemaName)}"`),u.id&&y.push(`id="{${B(u.id)}}"`),y.push(`behavior="${u.behavior}"`),`<RootComponent ${y.join(" ")} />`}).join(`
|
|
10
|
+
`)}
|
|
11
|
+
</RootComponents>`;return`<?xml version="1.0" encoding="utf-8"?>
|
|
12
|
+
<ImportExportXml version="9.1.0.0" SolutionPackageVersion="9.1" languagecode="${l}" generatedBy="CommandBarStudio">
|
|
13
|
+
<SolutionManifest>
|
|
14
|
+
<UniqueName>${B(e.uniqueName)}</UniqueName>
|
|
15
|
+
<LocalizedNames>
|
|
16
|
+
<LocalizedName description="${B(a)}" languagecode="${l}"/>
|
|
17
|
+
</LocalizedNames>
|
|
18
|
+
${Un(e.details.solutionDescription,l)}
|
|
19
|
+
<Version>${B(e.version)}</Version>
|
|
20
|
+
<Managed>0</Managed>
|
|
21
|
+
<Publisher>
|
|
22
|
+
<UniqueName>${B(s)}</UniqueName>
|
|
23
|
+
<LocalizedNames>
|
|
24
|
+
<LocalizedName description="${B(i)}" languagecode="${l}"/>
|
|
25
|
+
</LocalizedNames>
|
|
26
|
+
${Un(e.details.publisherDescription,l)}
|
|
27
|
+
<EMailAddress>${B(e.details.publisherEmail)}</EMailAddress>
|
|
28
|
+
<SupportingWebsiteUrl>${B(e.details.publisherWebsite)}</SupportingWebsiteUrl>
|
|
29
|
+
<CustomizationPrefix>${B(o)}</CustomizationPrefix>
|
|
30
|
+
<CustomizationOptionValuePrefix>${e.details.publisherOptionValuePrefix}</CustomizationOptionValuePrefix>
|
|
31
|
+
${Ct(e.details.publisherAddresses)}
|
|
32
|
+
</Publisher>
|
|
33
|
+
${c}
|
|
34
|
+
<MissingDependencies/>
|
|
35
|
+
</SolutionManifest>
|
|
36
|
+
</ImportExportXml>`}const vt=Vn({root:{display:"flex",flexDirection:"column",gap:I.spacingVerticalS},box:{display:"grid",gridTemplateColumns:"auto 1fr",columnGap:I.spacingHorizontalM,rowGap:I.spacingVerticalXS,padding:`${I.spacingVerticalS} ${I.spacingHorizontalM}`,backgroundColor:I.colorNeutralBackground3,borderRadius:I.borderRadiusMedium},label:{color:I.colorNeutralForeground3},value:{display:"flex",flexWrap:"wrap",alignItems:"center",columnGap:I.spacingHorizontalS,minWidth:0},secondary:{color:I.colorNeutralForeground3,wordBreak:"break-all"}});function Rt({rows:e,confirmWord:s,onConfirmationChange:i,disabled:o}){const l=vt(),[a,c]=$.useState({status:"loading"}),[u,y]=$.useState(""),T=W(p=>p.environment),P=W(p=>p.connectionUrl),k=W(p=>p.connectionVersion);$.useEffect(()=>{let p=!0;return c({status:"loading"}),Fn().then(q=>p&&c({status:"ready",connection:q})).catch(()=>p&&c({status:"ready",connection:null})),()=>{p=!1}},[T,P,k]);const m=a.status==="ready"?a.connection:null,v=Zs(m?.environment),b=a.status==="ready"&&Je(m?.environment),x=a.status==="ready"&&(!b||Qs(u,s)),g=m?.environment;return $.useEffect(()=>{i(x,g)},[x,g,i]),n.jsxs("div",{className:l.root,children:[v&&n.jsx(se,{intent:"warning",children:n.jsxs(te,{children:[n.jsx(ke,{children:"Production environment"}),"This changes the live environment."]})}),n.jsxs("div",{className:l.box,children:[n.jsx(D,{className:l.label,children:"Environment"}),n.jsx("div",{className:l.value,children:a.status==="loading"?n.jsx(D,{children:"Reading the connection…"}):m?n.jsxs(n.Fragment,{children:[n.jsx(D,{weight:"semibold",children:m.name}),m.environment&&n.jsx(Ge,{size:"medium",appearance:v?"filled":"tint",color:v?"warning":"informative",children:m.environment}),n.jsx(D,{size:200,className:l.secondary,children:m.url})]}):n.jsx(D,{children:"Unknown (the tool has no connection)"})}),e.map(p=>n.jsxs("div",{style:{display:"contents"},children:[n.jsx(D,{className:l.label,children:p.label}),n.jsx("div",{className:l.value,children:p.value})]},p.label))]}),b&&n.jsx(Ne,{label:n.jsxs(n.Fragment,{children:["Type ",n.jsx("strong",{children:s})," to confirm"]}),hint:"Required on a Production environment.",children:n.jsx(Bn,{value:u,onChange:(p,q)=>y(q.value),disabled:o,autoComplete:"off","aria-label":`Type ${s} to confirm`})})]})}const Qn=Vn({content:{display:"flex",flexDirection:"column",gap:I.spacingVerticalM},changes:{listStyleType:"none",margin:0,padding:0,display:"flex",flexDirection:"column",gap:I.spacingVerticalXS},change:{display:"flex",alignItems:"flex-start",gap:I.spacingHorizontalS},changeIcon:{flexShrink:0,fontSize:"16px",marginTop:"2px",color:I.colorNeutralForeground3},changeText:{flex:1,minWidth:0,overflowWrap:"anywhere"},badge:{flexShrink:0},list:{margin:`${I.spacingVerticalXS} 0 0`,paddingLeft:"20px"},options:{display:"flex",flexDirection:"column",gap:I.spacingVerticalS},timing:{color:I.colorNeutralForeground3},progressList:{display:"flex",flexDirection:"column",gap:I.spacingVerticalXS},progressRow:{display:"flex",alignItems:"center",gap:I.spacingHorizontalS},xmlHeader:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:I.spacingHorizontalS},xml:{height:"360px",border:`1px solid ${I.colorNeutralStroke2}`,borderRadius:I.borderRadiusMedium,overflow:"hidden"}}),St={pending:"Waiting",publishing:"Publishing…",success:"Done",error:"Failed"},$t={pending:"subtle",publishing:"informative",success:"success",error:"danger"},It={new:{text:"New",color:"success",icon:n.jsx(Is,{})},change:{text:"Change",color:"brand",icon:n.jsx($s,{})},move:{text:"Move",color:"informative",icon:n.jsx(Ss,{})},show:{text:"Show",color:"informative",icon:n.jsx(Rs,{})},hide:{text:"Hide",color:"warning",icon:n.jsx(vs,{})},delete:{text:"Delete",color:"danger",icon:n.jsx(js,{})}},Xn=({findings:e,showScope:s})=>{const i=Qn();return n.jsx("ul",{className:i.list,children:e.map((o,l)=>n.jsxs("li",{children:[s&&n.jsxs("strong",{children:[o.scope,": "]}),o.message]},l))})},de=(e,s,i=`${s}s`)=>`${e} ${e===1?s:i}`,kt=3e4,Mt=()=>{const e=Qn(),s=Pn(t=>t.bulkPublishOpen),i=Pn(t=>t.closeBulkPublish),o=X(t=>t.ribbons),l=X(t=>t.baseline),a=X(t=>t.commands),c=X(t=>t.displayRules),u=X(t=>t.enableRules),y=X(t=>t.baselineCommands),T=X(t=>t.baselineEnableRules),P=X(t=>t.baselineDisplayRules),k=X(t=>t.locLabels),m=X(t=>t.baseLanguageCode),v=X(t=>t.baseLanguageUnknown),b=X(t=>t.setLayerSnapshot),x=X(t=>t.markPublished),g=W(t=>t.activeSolution),p=W(t=>t.activeEntity),q=W(t=>t.connectionUrl),G=W(t=>t.publisherPrefix),Y=W(t=>t.solutionRibbonComponentIds),{entityPlan:U,appPlan:V,solutionSupportsAppRibbon:J,includeApplicationRibbon:C,scopes:d,unsupported:N,warnings:A,changes:r}=et(),[h,j]=$.useState(!1),[R,S]=$.useState({}),[F,Z]=$.useState(!1),[_,es]=$.useState(!1),[ue,Te]=$.useState("targeted"),[sn,be]=$.useState(!1),Ae=ue==="allAsync"&&!sn,Ee=W(t=>t.connectionName||t.connectionUrl||"this environment"),[tn,De]=$.useState({confirmed:!1}),ns=re.useCallback((t,f)=>De({confirmed:t,environment:f}),[]),on=tn.confirmed,[ss,an]=$.useState(0),[ln,ie]=$.useState(""),[Le,rn]=$.useState(""),[ge,cn]=$.useState(g?.version??"1.0.0.0"),[ze,fe]=$.useState([]),[dn,un]=$.useState([]),[ts,is]=$.useState(0),[os,ye]=$.useState([]),[xe,Me]=$.useState("summary"),[as,Oe]=$.useState([]),hn=re.useMemo(()=>{const f=(ge||g?.version||"1.0.0.0").split(".").map(L=>Number.parseInt(L,10)||0);for(;f.length<4;)f.push(0);return f[3]+=1,f.slice(0,4).join(".")},[g?.version,ge]);re.useEffect(()=>{cn(g?.version??"1.0.0.0")},[g?.version]);const ls=p&&U?.hasChanges?p.logicalName:"application ribbon",[oe,we]=$.useState("idle"),[Ue,Xe]=$.useState([]),[mn,Be]=$.useState([]),[pn,Ve]=$.useState(""),H=s&&!!g&&N.length===0&&d.length>0,bn=g?.id,gn=g?.publisherPrefix||G,fn=re.useCallback(async()=>{const t={commands:a,enableRules:u,displayRules:c,locLabels:k,baselineCommands:y,baselineEnableRules:T,baselineDisplayRules:P,publisherPrefix:gn,languageCode:m},f={lookupWebResources:z=>tt(z,bn)},L=[],le=[];if(p&&U?.hasChanges){const z=await Mn({...t,entity:{logicalName:p.logicalName,schemaName:p.schemaName},locations:Ie.map(M=>({current:o[M],baseline:l[M]})),plan:U},f);L.push(...z.findings.map(M=>({...M,scope:p.logicalName}))),le.push({scope:p.logicalName,xml:z.xml})}if(C){const z=await Mn({...t,entity:null,locations:[{current:o.Application,baseline:l.Application}],plan:V},f);L.push(...z.findings.map(M=>({...M,scope:"Application ribbon"}))),le.push({scope:"Application ribbon",xml:z.xml})}return{findings:L,xml:le}},[p,U,V,C,o,l,a,u,c,k,y,T,P,gn,bn,m]);re.useEffect(()=>{if(!H||h||F)return;let t=!1;return we("running"),Ve(""),ut(fn(),kt).then(({findings:f,xml:L})=>{t||(Xe(f),Be(L),we("done"))}).catch(f=>{t||(Xe([]),Be([]),Ve(f instanceof Error?f.message:String(f)),we("failed"))}),()=>{t=!0}},[H,h,F,fn]);const Q=Ue.filter(t=>t.severity==="error"),yn=Ue.filter(t=>t.severity==="warning"),xn=new Set(Ue.map(t=>t.scope)).size>1,wn=H&&(oe==="running"||Q.length>0),rs=()=>nn(async()=>{if(!g||N.length>0||d.length===0||wn||!on||v||Ae)return;j(!0);const t=en(),f=W.getState().connectionVersion,L=()=>W.getState().connectionVersion!==f,le=await Fn().catch(()=>null);if(L()){j(!1);return}if(Je(le?.environment)&&!Je(tn.environment)){De({confirmed:!1}),an(w=>w+1),j(!1),Pe.getState().logWarn("publish",`${le?.name??"The connection"} is a Production environment now: type the confirmation to publish.`);return}ie(""),fe([]),ye([]),un(d),is(r.length),S(Object.fromEntries(d.map(w=>[w,"pending"])));let z=!1;const M=[],We={},ne=[],je=[],Fe=Pe.getState(),me=w=>w instanceof Error?w.message:String(w);Le.trim()&&Fe.logInfo("publish",`Publish comment: ${Le.trim()}`);const Rn={commands:a,enableRules:u,displayRules:c,locLabels:k,baselineCommands:y,baselineEnableRules:T,baselineDisplayRules:P,publishCustomizations:!0,languageCode:m,solution:{uniqueName:g.uniqueName,friendlyName:g.friendlyName,version:_?hn:ge,publisherUniqueName:g.publisherUniqueName,publisherName:g.publisherName,publisherPrefix:g.publisherPrefix||G,publisherOptionValuePrefix:g.publisherOptionValuePrefix}};if(p&&U?.hasChanges){const w=p.logicalName;S(E=>({...E,[w]:"publishing"}));try{const E=await On({...Rn,guard:t,entity:{logicalName:p.logicalName,schemaName:p.schemaName,displayName:p.displayName},locations:Ie.map(O=>({current:o[O],baseline:l[O]})),plan:U},O=>ie(O));M.push(...Ie),We.entity=E.parts,it(q,p.logicalName,E.changedKeys),E.verification&&je.push({scope:w,result:E.verification}),S(O=>({...O,[w]:"success"}))}catch(E){z=!0,ne.push({scope:w,message:me(E)}),Fe.logError("publish",`Ribbon publish failed (${w}): ${me(E)}`),S(O=>({...O,[w]:"error"}))}}else p&&M.push(...Ie);if(C&&!L()){const w="Application ribbon";S(E=>({...E,[w]:"publishing"}));try{const E=await On({...Rn,guard:t,entity:null,locations:[{current:o.Application,baseline:l.Application}],ribbonCustomizationIds:Y??[],plan:V},O=>ie(O));M.push("Application"),We.application=E.parts,E.verification&&je.push({scope:w,result:E.verification}),S(O=>({...O,[w]:"success"}))}catch(E){z=!0,ne.push({scope:w,message:me(E)}),Fe.logError("publish",`Application ribbon publish failed: ${me(E)}`),S(O=>({...O,[w]:"error"}))}}else V.hasChanges||M.push("Application");if(!z&&ue==="allAsync")try{await ft(w=>ie(w),{guard:t})}catch(w){z=!0,ne.push({scope:"Publish all customizations",message:me(w)})}if(L()){C&&!ne.some(w=>w.scope==="Application ribbon")&&ne.push({scope:"Application ribbon",message:"Not published: the tool's connection changed during the publish."}),ye(je),fe(ne),Z(!1),j(!1);return}if(x(M,We),p&&M.includes("HomepageGrid")&&U?.hasChanges){const w=await Tn(p.logicalName);w&&b("entity",w)}if(M.includes("Application")&&C){const w=await Tn(null);w&&b("application",w)}z||ie("Done."),ye(je),fe(ne),Z(!z),j(!1)}),Cn=()=>{j(!1),S({}),un([]),Z(!1),ie(""),fe([]),ye([]),we("idle"),Xe([]),Be([]),Ve(""),Me("summary"),Oe([]),De({confirmed:!1}),Te("targeted"),be(!1),rn(""),an(t=>t+1),i()},qe=V.hasChanges&&!J,Ce=N.length+(H?Q.length:0),jn=H?yn.length+(oe==="failed"?1:0):0;re.useEffect(()=>{Ce>0&&Oe(t=>t.includes("problems")?t:["problems",...t])},[Ce]);const ae=g?v?{intent:"error",title:"Reload the table first",text:"The organization's base language couldn't be read when the table loaded, so labels are shown in English. Publishing now could write English texts as the base language's titles."}:N.length>0?{intent:"error",title:`${de(N.length,"change")} can't be published yet`,text:`Undo ${N.length===1?"it":"them"} to publish the rest. Problems below says what each one is.`}:H&&Q.length>0?{intent:"error",title:`The check found ${de(Q.length,"problem")}`,text:`In what this publish would import. Fix ${Q.length===1?"it":"them"}, then open Publish again; Problems below lists ${Q.length===1?"it":"them"}.`}:d.length===0?qe?{intent:"warning",title:"The application ribbon can't be published from this solution",text:n.jsxs(n.Fragment,{children:["It doesn't include the Application Ribbons component. In make.powerapps.com open the solution, choose"," ",n.jsx("strong",{children:"Add existing → Application Ribbons"}),", then reload here."]})}:{intent:"info",title:"Nothing to publish",text:"Every change on this table is already published."}:Ae?{intent:"warning",title:"Confirm publishing everything",text:`Tick the confirmation under Options to publish every unpublished customization in ${Ee}.`,action:n.jsx(ce,{size:"small",onClick:()=>{Te("targeted"),be(!1)},children:"Only these ribbons"})}:null:{intent:"warning",title:"Choose a solution",text:"Publishing imports into a solution: choose one in the top bar first."},he=p?.displayName||p?.logicalName,vn=!!p&&!!U?.hasChanges,cs=vn&&C?`Publish ${he} and the application ribbon`:!vn&&C?"Publish the application ribbon":he?`Publish ${he}`:"Publish",ds=h?"Publishing…":r.length>0?`Publish ${de(r.length,"change")}`:"Publish",ee=!h&&!F;return n.jsx(nt,{open:s,onOpenChange:t=>!t&&!h&&Cn(),size:xe==="xml"?"large":"medium",title:xe==="xml"?"What Publish imports":cs,startActions:ee?xe==="summary"?n.jsx(ce,{appearance:"subtle",icon:n.jsx(ws,{}),onClick:()=>Me("xml"),children:"View XML"}):n.jsx(ce,{appearance:"subtle",icon:n.jsx(Cs,{}),onClick:()=>Me("summary"),children:"Back to summary"}):void 0,actions:n.jsxs(n.Fragment,{children:[n.jsx(ce,{appearance:"secondary",onClick:Cn,disabled:h,children:F?"Close":"Cancel"}),!F&&n.jsx(ce,{appearance:"primary",onClick:()=>{rs()},disabled:h||!g||d.length===0||N.length>0||wn||!on||v||Ae,children:ds})]}),children:xe==="xml"&&ee?n.jsxs("div",{className:e.content,children:[n.jsx(D,{children:"The complete RibbonDiffXml each import writes: your solution's layer as it is now, with your changes merged in."}),H&&oe==="running"?n.jsx(Sn,{size:"tiny",labelPosition:"after",label:"Building the XML…"}):mn.length===0?n.jsx(se,{intent:"info",layout:"multiline",children:n.jsx(te,{children:H&&oe==="failed"?`The XML couldn't be built: ${pn}`:"The XML is built once there is something to publish and nothing blocks it."})}):mn.map(t=>n.jsxs("div",{className:e.options,children:[n.jsxs("div",{className:e.xmlHeader,children:[n.jsx(D,{weight:"semibold",children:t.scope}),n.jsx(ce,{size:"small",appearance:"subtle",icon:n.jsx(us,{}),onClick:()=>{st(t.xml)},children:"Copy"})]}),n.jsx("div",{className:e.xml,children:n.jsx(ot,{language:"xml",value:t.xml,readOnly:!0})})]},t.scope))]}):n.jsxs("div",{className:e.content,children:[ee&&ae&&n.jsxs(se,{intent:ae.intent,layout:"multiline",children:[n.jsxs(te,{children:[n.jsx(ke,{children:ae.title}),ae.text]}),ae.action&&n.jsx(hs,{children:ae.action})]}),ee&&r.length>0&&n.jsxs("div",{className:e.options,children:[n.jsxs(D,{weight:"semibold",children:[de(r.length,"change")," to publish"]}),n.jsx("ul",{className:e.changes,"aria-label":"Changes to publish",children:r.map((t,f)=>{const L=It[t.kind];return n.jsxs("li",{className:e.change,children:[n.jsx("span",{className:e.changeIcon,"aria-hidden":"true",children:L.icon}),n.jsxs(D,{className:e.changeText,children:[t.action," ",n.jsx("strong",{children:t.name}),t.detail?` ${t.detail}`:""]}),n.jsx(Ge,{appearance:"tint",color:L.color,size:"medium",className:e.badge,children:L.text})]},f)})})]}),ee&&H&&oe==="running"&&n.jsx(Sn,{size:"tiny",labelPosition:"after",label:"Checking what this publish would import…"}),ee&&n.jsx(Rt,{rows:[{label:"Solution",value:g?n.jsx(D,{weight:"semibold",children:g.friendlyName||g.uniqueName}):n.jsx(D,{children:"None selected"})}],confirmWord:ls,onConfirmationChange:ns},ss),ee&&n.jsxs(ms,{multiple:!0,collapsible:!0,openItems:as,onToggle:(t,f)=>Oe(f.openItems),children:[Ce>0&&n.jsxs(ve,{value:"problems",children:[n.jsxs(Re,{children:["Problems · ",Ce]}),n.jsxs(Se,{children:[N.length>0&&n.jsxs(n.Fragment,{children:[n.jsx(D,{block:!0,children:"These changes can't be published yet; undo them:"}),n.jsx("ul",{className:e.list,children:N.map(t=>n.jsx("li",{children:t},t))})]}),H&&Q.length>0&&n.jsx(Xn,{findings:Q,showScope:xn})]})]}),jn>0&&n.jsxs(ve,{value:"warnings",children:[n.jsxs(Re,{children:["Warnings · ",jn]}),n.jsxs(Se,{children:[n.jsx(D,{block:!0,children:"You can still publish."}),oe==="failed"&&n.jsxs(D,{block:!0,children:["The check before publishing couldn't complete (",pn,"). Publishing runs it again before anything is imported."]}),n.jsx(Xn,{findings:yn,showScope:xn})]})]}),n.jsxs(ve,{value:"info",children:[n.jsxs(Re,{children:["Good to know ·"," ",A.length+1+(qe&&d.length>0?1:0)]}),n.jsx(Se,{children:n.jsxs("ul",{className:e.list,children:[n.jsx("li",{children:"Publishing writes this table's complete ribbon customization: what is already published, plus your changes. Ribbon changes imported elsewhere but not published are published first, so they are kept. Each ribbon is imported twice so Unified Interface picks up the change."}),qe&&d.length>0&&n.jsxs("li",{children:["Your application ribbon changes stay pending: this solution doesn't include the Application Ribbons component. In make.powerapps.com open the solution, choose"," ",n.jsx("strong",{children:"Add existing → Application Ribbons"}),", then reload here."]}),A.map(t=>n.jsx("li",{children:t},t))]})})]}),n.jsxs(ve,{value:"options",children:[n.jsx(Re,{children:"Options"}),n.jsxs(Se,{className:e.options,children:[n.jsx(Ne,{label:"Also publish",children:n.jsxs(ps,{value:ue==="targeted"?"Only these ribbons":"Every unpublished customization",selectedOptions:[ue],onOptionSelect:(t,f)=>{(f.optionValue==="targeted"||f.optionValue==="allAsync")&&(Te(f.optionValue),be(!1))},children:[n.jsx($n,{value:"targeted",children:"Only these ribbons"}),n.jsx($n,{value:"allAsync",children:"Every unpublished customization"})]})}),ue==="allAsync"&&n.jsx(se,{intent:"warning",layout:"multiline",children:n.jsxs(te,{children:[n.jsxs(D,{block:!0,children:["This publishes ",n.jsx("strong",{children:"every"})," ","unpublished customization in"," ",n.jsx("strong",{children:Ee}),", not only these ribbons: forms, views, tables and other people's work in progress included."]}),n.jsx(bs,{checked:sn,onChange:(t,f)=>be(f.checked===!0),label:`Publish all unpublished customizations in ${Ee}`})]})}),n.jsx(gs,{label:"Increment solution version",checked:_,onChange:(t,f)=>es(f.checked===!0)}),n.jsx(Ne,{label:"Solution version",children:n.jsx(Bn,{value:_?hn:ge,onChange:(t,f)=>cn(f.value),disabled:_})}),n.jsx(Ne,{label:"Publish comment",hint:"Written to the Console log with this publish; it isn't stored in Dataverse.",children:n.jsx(fs,{resize:"vertical",value:Le,onChange:(t,f)=>rn(f.value)})})]})]})]}),ee&&d.length>0&&n.jsx(ys,{className:e.timing,children:"Publishing takes 1–4 minutes. Users may need to refresh to see the change."}),ze.length>0&&n.jsx(se,{intent:"error",layout:"multiline",children:n.jsxs(te,{children:[n.jsxs(ke,{children:["Publish failed (",de(ze.length,"error"),")"]}),n.jsx("ul",{className:e.list,children:ze.map((t,f)=>n.jsxs("li",{style:{fontFamily:I.fontFamilyMonospace},children:[n.jsxs("strong",{children:[t.scope,":"]})," ",t.message]},f))}),n.jsxs("div",{style:{marginTop:I.spacingVerticalS},children:["Full details are in the ",n.jsx("strong",{children:"Console"})," tab of the bottom panel."]})]})}),F&&n.jsx(se,{intent:"success",layout:"multiline",children:n.jsxs(te,{children:[n.jsxs(ke,{children:["Published ",de(ts,"change"),he&&dn.includes(p?.logicalName??"")?` to ${he}`:""]}),"Unified Interface can take up to about 25 minutes to show it. To see it sooner, run ",n.jsx("strong",{children:"Regenerate ribbon metadata"})," in Command Checker, or hard-refresh the page (Ctrl+F5)."]})}),os.map(t=>n.jsx(se,{intent:t.result.ok?"success":"warning",layout:"multiline",children:n.jsxs(te,{children:[n.jsxs("strong",{children:[t.scope,":"]})," ",t.result.message]})},t.scope)),(h||F)&&n.jsxs("div",{className:e.progressList,children:[dn.map(t=>{const f=R[t]??"pending";return n.jsxs("div",{className:e.progressRow,children:[n.jsx(Ge,{appearance:"filled",color:$t[f],size:"medium",className:e.badge,children:St[f]}),n.jsx(D,{children:t}),f==="publishing"&&n.jsx(xs,{thickness:"large",style:{flex:1}})]},t)}),ln&&!F&&n.jsx(D,{className:e.timing,children:ln})]})]})})};export{Mt as BulkPublishModal,Mt as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as I,j as s,m as ce,c as v,M as Q,K as q,k as b,at as U,Q as Y,R as Z,X as E,dX as X,e9 as ue,F as C,as as J,I as me,dB as pe,dC as be,cD as he,cB as xe,T as ge,aq as fe,ar as F,e7 as K,N as je,ai as we,dO as ye,a6 as Ce,a7 as ve,t as r}from"./fluent-ui-CQyNN9H3.js";import{D as Re,c as Ne,S as Se,v as ke,f as De,C as Ae,g as Te}from"./dnd-iy5K5XAJ.js";import{b as j,a as x,ak as Ie,aG as Ee,u as Be,c as Me,aH as $e,aI as _e,an as We,aD as Fe,aJ as Oe}from"./index-D7TexD30.js";import{C as G}from"./CrmParameterEditor-DO6Rt764.js";import{u as Pe}from"./useStableKeys-49o4VnxU.js";import"./preload-helper-PPVm8Dsz.js";import"./crmParameters-rgfZhhzN.js";const ee=ce({body:{display:"flex",flexDirection:"column",gap:r.spacingVerticalM},actionCard:{border:`1px solid ${r.colorNeutralStroke2}`,borderRadius:r.borderRadiusMedium,backgroundColor:r.colorNeutralBackground1,padding:r.spacingVerticalM,display:"flex",flexDirection:"column",gap:r.spacingVerticalS},actionHeader:{display:"flex",alignItems:"center",gap:r.spacingHorizontalXS,minWidth:0},actionTitle:{flex:1,minWidth:0},dragHandle:{cursor:"grab",touchAction:"none"},row:{display:"flex",flexWrap:"wrap",gap:r.spacingHorizontalS,alignItems:"flex-end"},library:{display:"flex",gap:r.spacingHorizontalXS,alignItems:"center"},grow:{flex:1,minWidth:0},ruleTags:{flexWrap:"wrap"},muted:{color:r.colorNeutralForeground3},usesList:{listStyleType:"none",margin:0,padding:0,display:"flex",flexDirection:"column",gap:r.spacingVerticalXS},use:{border:`1px solid ${r.colorNeutralStroke2}`,borderRadius:r.borderRadiusMedium,padding:`${r.spacingVerticalXS} ${r.spacingHorizontalS}`,display:"flex",flexDirection:"column",minWidth:0},fields:{border:"none",margin:0,padding:0,minWidth:0,display:"flex",flexDirection:"column",gap:r.spacingVerticalS,"&:disabled .fui-Input, &:disabled .fui-Select__select, &:disabled .fui-Dropdown, &:disabled .fui-Combobox":{backgroundColor:r.colorNeutralBackground3,borderTopColor:r.colorTransparentStroke,borderRightColor:r.colorTransparentStroke,borderBottomColor:r.colorTransparentStroke,borderLeftColor:r.colorTransparentStroke,color:r.colorNeutralForeground1,cursor:"default"},"&:disabled .fui-Input::after, &:disabled .fui-Dropdown::after, &:disabled .fui-Combobox::after":{display:"none"},"&:disabled input, &:disabled .fui-Dropdown__button":{color:r.colorNeutralForeground1,cursor:"default"},"&:disabled .fui-Select__icon, &:disabled .fui-Dropdown__expandIcon, &:disabled .fui-Combobox__expandIcon":{display:"none"},"&:disabled .fui-Button":{color:r.colorNeutralForegroundDisabled,borderTopColor:r.colorNeutralStrokeDisabled,borderRightColor:r.colorNeutralStrokeDisabled,borderBottomColor:r.colorNeutralStrokeDisabled,borderLeftColor:r.colorNeutralStrokeDisabled,cursor:"not-allowed"}}}),Le=[],ze=n=>{const d=n.trim();return d.startsWith("$webresource:")?d.slice(13).trim():d};function Ve(n){switch(n.kind){case"javascript":return"Run JavaScript";case"url":return"Open a URL";case"powerFx":return"Power Fx (not supported)";case"customApi":return"Custom API (not supported)";case"outlookCommand":return"Outlook command";case"raw":return n.tagName;default:return"Action"}}function He({id:n,index:d,count:u,title:R,readOnly:g,onMove:N,onRemove:B,children:w}){const y=ee(),{attributes:M,listeners:D,setNodeRef:S,setActivatorNodeRef:A,transform:T,transition:$}=De({id:n,disabled:g});return s.jsxs("section",{ref:S,style:{transform:Ae.Transform.toString(T),transition:$},className:y.actionCard,"aria-label":`Action ${d+1}: ${R}`,children:[s.jsxs("div",{className:y.actionHeader,children:[!g&&u>1&&s.jsx(b,{ref:A,appearance:"subtle",size:"small",className:y.dragHandle,icon:s.jsx(pe,{}),"aria-label":"Drag to reorder action",...M,...D}),s.jsx(v,{weight:"semibold",className:y.actionTitle,truncate:!0,wrap:!1,children:R}),!g&&u>1&&s.jsxs(Q,{children:[s.jsx(q,{disableButtonEnhancement:!0,children:s.jsx(b,{appearance:"subtle",size:"small",icon:s.jsx(be,{}),"aria-label":"More for this action"})}),s.jsx(Y,{children:s.jsxs(Z,{children:[s.jsx(E,{icon:s.jsx(he,{}),disabled:d===0,onClick:()=>N(d,d-1),children:"Move up"}),s.jsx(E,{icon:s.jsx(xe,{}),disabled:d===u-1,onClick:()=>N(d,d+1),children:"Move down"})]})})]}),!g&&s.jsx(ge,{content:"Remove action",relationship:"label",children:s.jsx(b,{appearance:"subtle",size:"small",icon:s.jsx(fe,{}),onClick:B})})]}),w]})}const Ye=()=>{const n=ee(),d=j(e=>e.commandEditorOpen),u=j(e=>e.commandEditorId),R=j(e=>e.closeCommandEditor),g=j(e=>e.openRuleEditor),N=j(e=>e.openScriptView),B=j(e=>e.openWebResourceBrowser),w=j(e=>e.commandEditorTab),y=x(e=>e.commands),M=x(e=>e.upsertCommand),D=x(e=>e.ribbons),S=x(e=>e.locLabels),A=x(e=>e.displayRules),T=x(e=>e.enableRules),$=x(e=>e.upsertEnableRule),se=x(e=>e.upsertDisplayRule),_=Ie(),[ae,O]=I.useState(""),[re,P]=I.useState(""),l=y.find(e=>e.id===u),m=Pe(`actions:${l?.id??""}`,l?.actions??Le),f=Ee(Be(l?.id));I.useEffect(()=>{d&&u&&!l&&R()},[d,u,l,R]);const L=I.useMemo(()=>u?Me(D,u):[],[D,u]);if(!l)return null;const k=e=>{M({...l,...e})},h=(e,a)=>{const t=[...l.actions];t[e]=a,k({actions:t}),m.update()},ne=e=>{k({actions:l.actions.filter((a,t)=>t!==e)}),m.remove(e)},z=(e,a)=>{a<0||a>=l.actions.length||e===a||(k({actions:Te(l.actions,e,a)}),m.move(e,a))},oe=e=>{e.over&&z(m.keys.indexOf(String(e.active.id)),m.keys.indexOf(String(e.over.id)))},V=e=>{const a=e==="javascript"?{kind:"javascript",library:"",functionName:"",params:[]}:{kind:"url",address:"https://",params:[]};k({actions:[...l.actions,a]}),m.add()},le=(e,a)=>{if(e.kind==="javascript"){const t=ze(e.library);return s.jsxs(s.Fragment,{children:[s.jsxs("fieldset",{disabled:f,className:n.fields,children:[s.jsx(C,{label:"Library",hint:"A JavaScript web resource, like $webresource:publisher_/scripts/file.js.",children:s.jsxs("div",{className:n.library,children:[s.jsx(F,{className:n.grow,value:e.library,onChange:(o,c)=>h(a,{...e,library:c.value.replace(/^(\s*\$webresource:\s*)+/i,"$webresource:")}),placeholder:"$webresource:publisher_/scripts/file.js"}),s.jsx(b,{onClick:()=>{Fe.set(o=>{h(a,{...e,library:`$webresource:${o.name}`})}),B()},children:"Browse…"})]})}),s.jsx(C,{label:"Function",hint:"The function's full name, including its namespace.",children:s.jsx(F,{value:e.functionName,onChange:(o,c)=>h(a,{...e,functionName:c.value}),placeholder:"Contoso.Account.approve"})}),s.jsx(K,{weight:"semibold",children:"Parameters, in order"}),s.jsx(G,{params:e.params,onChange:o=>h(a,{...e,params:o}),urlMode:!1})]}),s.jsxs("div",{className:n.row,children:[s.jsx(b,{size:"small",icon:s.jsx(je,{}),disabled:!t,onClick:()=>N(t,!1),children:"View script"}),!f&&s.jsx(b,{size:"small",icon:s.jsx(we,{}),disabled:!t,onClick:()=>N(t,!0),children:"Edit script"})]})]})}if(e.kind==="url"){const t=e.address.trim().startsWith("https://");return s.jsxs("fieldset",{disabled:f,className:n.fields,children:[s.jsx(C,{label:"Address",validationState:t?"none":"error",validationMessage:t?void 0:"The address must start with https://",children:s.jsx(F,{value:e.address,onChange:(o,c)=>h(a,{...e,address:c.value}),placeholder:"https://"})}),s.jsx(C,{label:"Open in",children:s.jsxs(J,{value:String(e.winMode??0),onChange:(o,c)=>h(a,{...e,winMode:parseInt(c.value)}),children:[s.jsx("option",{value:"0",children:"Navigate (0)"}),s.jsx("option",{value:"1",children:"Dialog (1)"}),s.jsx("option",{value:"2",children:"Popup (2)"})]})}),s.jsx(C,{hint:"Adds the record's details to the address: typename, type, id, orgname and the user's languages.",children:s.jsx(ye,{label:"Pass parameters",checked:!!e.passParams,onChange:(o,c)=>h(a,{...e,passParams:c.checked?!0:void 0})})}),s.jsx(K,{weight:"semibold",children:"Query string parameters"}),s.jsx(G,{params:e.params,onChange:o=>h(a,{...e,params:o}),urlMode:!0})]})}return e.kind==="powerFx"||e.kind==="customApi"?s.jsx(Ce,{intent:"error",children:s.jsxs(ve,{children:["Classic ribbon commands can't run"," ",e.kind==="powerFx"?"Power Fx":"Custom API"," actions, so this command can't be published while it has one. Remove it and use a JavaScript function instead (for example, call the API with"," ",s.jsx("code",{children:"Xrm.WebApi.online.execute"}),"), or build the command with modern commanding in the app designer."]})}):e.kind==="outlookCommand"||e.kind==="raw"?s.jsx(v,{size:200,className:n.muted,children:e.kind==="outlookCommand"?`ActionType="${e.actionType}"${e.data?` Data="${e.data}"`:""}`:e.xml}):null},te=()=>s.jsxs(s.Fragment,{children:[s.jsx(Re,{collisionDetection:Ne,onDragEnd:oe,children:s.jsx(Se,{items:m.keys,strategy:ke,children:l.actions.map((e,a)=>s.jsx(He,{id:m.keys[a],index:a,count:l.actions.length,title:Ve(e),readOnly:f,onMove:z,onRemove:()=>ne(a),children:le(e,a)},m.keys[a]))})}),l.actions.length===0&&s.jsx(v,{className:n.muted,children:"No actions yet. The button does nothing when it's clicked."}),!f&&s.jsx("div",{children:s.jsxs(Q,{children:[s.jsx(q,{disableButtonEnhancement:!0,children:s.jsx(b,{icon:s.jsx(U,{}),children:"Add action"})}),s.jsx(Y,{children:s.jsxs(Z,{children:[s.jsx(E,{onClick:()=>V("javascript"),children:"Run JavaScript"}),s.jsx(E,{onClick:()=>V("url"),children:"Open a URL"})]})})]})}),s.jsx(X,{className:n.muted,children:"Every user's browser gets the command's definition, even when the button is hidden. Don't put secrets in function names or parameters."})]}),H=e=>{const a=e==="enable"?l.enableRules:l.displayRules,t=(e==="enable"?T:A).map(i=>i.id).filter(i=>!a.includes(i)),o=e==="enable"?ae:re,c=i=>k(e==="enable"?{enableRules:i}:{displayRules:i}),de=()=>{const i=new Set([...T.map(W=>W.id),...A.map(W=>W.id)]),p=Oe("New",e==="enable"?"Enable":"Display",i);e==="enable"?$({id:p,steps:[]}):se({id:p,steps:[]}),c([...a,p]),g(p,e)};return s.jsxs(s.Fragment,{children:[a.length>0?s.jsx(ue,{className:n.ruleTags,"aria-label":e==="enable"?"Enable rules":"Display rules",children:a.map(i=>s.jsx(_e,{ruleId:i,kind:e,onOpen:()=>g(i,e),onRemove:f?void 0:()=>c(a.filter(p=>p!==i))},i))}):s.jsxs(v,{className:n.muted,children:["No ",e," rules, so the button is always"," ",e==="enable"?"enabled":"shown","."]}),!f&&s.jsxs("div",{className:n.row,children:[s.jsx(C,{label:`Add an existing ${e} rule`,style:{flex:"1 1 260px",minWidth:0},children:s.jsxs(J,{style:{width:"100%",maxWidth:"100%",minWidth:0},value:o,onChange:(i,p)=>e==="enable"?O(p.value):P(p.value),children:[s.jsx("option",{value:"",children:"Select a rule…"}),t.map(i=>s.jsx("option",{value:i,children:i},i))]})}),s.jsx(b,{disabled:!o,onClick:()=>{o&&(c([...a,o]),e==="enable"?O(""):P(""))},children:"Add"}),s.jsxs(b,{appearance:"subtle",icon:s.jsx(U,{}),onClick:de,children:["New ",e," rule"]})]}),e==="enable"&&s.jsx(me,{size:"small",info:"Disabled buttons are hidden in the modern command bar (Unified Interface). In the classic ribbon, they stay visible but do nothing when clicked.",children:"What a failing enable rule does"})]})},ie=()=>L.length===0?s.jsx(v,{className:n.muted,children:"No button uses this command."}):s.jsx("ul",{className:n.usesList,"aria-label":"Buttons using this command",children:L.map(({location:e,tab:a,group:t,button:o})=>s.jsxs("li",{className:n.use,children:[s.jsx(v,{weight:"semibold",truncate:!0,wrap:!1,children:_(o.label,S,void 0,o.source?.labelToken)||o.id}),s.jsx(X,{className:n.muted,children:[We[e].label,_(a.label,S)||a.id,_(t.label,S)||t.id].join(" › ")})]},`${e}:${a.id}:${t.id}:${o.id}`))});return s.jsxs("div",{className:n.body,children:[s.jsx($e,{commandId:l.id,hideBadge:!0}),w==="actions"&&te(),w==="enable"&&H("enable"),w==="display"&&H("display"),w==="usedBy"&&ie()]})};export{Ye as CommandEditorPanel,Ye as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as k,j as s,D as ie,f as re,dP as ce,dX as m,B as de,c as ne,e as ue,m as pe,t as n}from"./fluent-ui-CQyNN9H3.js";import{b as c,a as d,ak as me,S as he,al as be,a2 as S,am as fe,aa as ge,t as xe,an as ke}from"./index-D7TexD30.js";import"./preload-helper-PPVm8Dsz.js";import"./dnd-iy5K5XAJ.js";const we=pe({surface:{width:"calc(100vw - 32px)",maxWidth:"640px",padding:0,alignSelf:"flex-start",marginTop:"10vh",overflow:"hidden",display:"flex",flexDirection:"column",maxHeight:"calc(80vh)"},search:{padding:n.spacingVerticalM,borderBottom:`1px solid ${n.colorNeutralStroke2}`},searchBox:{width:"100%",maxWidth:"none"},results:{overflowY:"auto",padding:`${n.spacingVerticalXS} 0`,minHeight:0,flex:1},groupLabel:{display:"block",padding:`${n.spacingVerticalS} ${n.spacingHorizontalM} ${n.spacingVerticalXXS}`,color:n.colorNeutralForeground3,fontWeight:n.fontWeightSemibold},item:{display:"flex",alignItems:"center",gap:n.spacingHorizontalS,padding:`${n.spacingVerticalS} ${n.spacingHorizontalM}`,cursor:"pointer",minWidth:0},itemActive:{backgroundColor:n.colorNeutralBackground1Selected,boxShadow:`inset 2px 0 0 ${n.colorBrandStroke1}`},kind:{flexShrink:0,minWidth:"72px",justifyContent:"center"},itemText:{flex:1,minWidth:0,display:"flex",flexDirection:"column"},itemLabel:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},itemSub:{color:n.colorNeutralForeground3,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},more:{display:"block",padding:`${n.spacingVerticalXXS} ${n.spacingHorizontalM}`,color:n.colorNeutralForeground3},empty:{display:"block",padding:n.spacingVerticalL,textAlign:"center",color:n.colorNeutralForeground3},footer:{display:"flex",flexWrap:"wrap",gap:n.spacingHorizontalL,padding:`${n.spacingVerticalS} ${n.spacingHorizontalM}`,borderTop:`1px solid ${n.colorNeutralStroke2}`,color:n.colorNeutralForeground3}}),ye={action:"Action",button:"Button",command:"Command",enable:"Enable rule",display:"Display rule",table:"Table"},ve=[{kinds:["action"],title:"Actions",limit:1/0},{kinds:["button"],title:"Buttons",limit:20},{kinds:["command"],title:"Commands",limit:30},{kinds:["enable","display"],title:"Rules",limit:30},{kinds:["table"],title:"Tables",limit:30}],D=l=>`palette-${l.replace(/[^\w-]/g,"_")}`,je=()=>{const l=we(),C=c(e=>e.commandPaletteOpen),se=c(e=>e.setCommandPaletteOpen),R=c(e=>e.openBulkPublish),T=c(e=>e.openXmlDrawer),w=c(e=>e.openImportXml),E=c(e=>e.openCommandEditor),X=c(e=>e.openRuleEditor),O=c(e=>e.openNewGroup),A=c(e=>e.openNewButton),V=c(e=>e.openLocalizationEditor),W=d(e=>e.undo),z=d(e=>e.redo),H=d(e=>e.past.length>0),P=d(e=>e.future.length>0),F=d(e=>e.commands),G=d(e=>e.displayRules),U=d(e=>e.enableRules),j=d(e=>e.ribbons),N=d(e=>e.locLabels),$=me(),_=he(e=>e.entities),q=be(e=>e.requestEntitySwitch),I=S(e=>e.location),K=S(e=>e.tabId),Y=S(e=>e.selectedButtonId),L=S(e=>e.selectedGroupId),Q=S(e=>e.selectButtonInContext),[x,Z]=k.useState(""),[le,h]=k.useState(0),J=k.useRef(null),ee=()=>{se(!1),Z(""),h(0)},y=x.startsWith("/")?"actions":x.startsWith("@")?"tables":"all",M=(y==="all"?x:x.slice(1)).trim().toLowerCase(),te=k.useMemo(()=>{if(!C)return[];const e=[],t=j[I].tabs.find(o=>o.id===K),i=L??t?.groups[0]?.id??null,u=fe(t?.groups.find(o=>o.id===L),Y),p=(o,r,a,f)=>e.push({id:`act-${o}`,label:r,subtitle:a,kind:"action",run:f});p("publish","Publish…","Review and publish your changes",R),p("view-xml","View XML","The XML of your changes",()=>T(I)),p("import-xml","Import XML…","Import RibbonDiffXml from the clipboard",()=>{const o="Couldn't read the clipboard here: paste the XML into the editor (Ctrl+V).",r=navigator.clipboard?.readText?.();if(!r)return w("",o);r.then(a=>a.trim().startsWith("<")?w(a):w("","The clipboard doesn't hold XML: paste the XML into the editor."),()=>w("",o))}),t&&p("new-group","New group…","In the current tab",O),i&&p("new-button","New button…","In the selected or first group",()=>A(i)),u&&!ge(u.kind)&&(u.origin===void 0||u.origin==="unmanaged")&&p("translations","Translations…","The selected button's text",()=>V(u.id)),H&&p("undo","Undo","Ctrl+Z",W),P&&p("redo","Redo","Ctrl+Y",z);for(const[o,r]of Object.entries(j))for(const a of r.tabs)for(const f of a.groups)for(const g of xe(f))e.push({id:`btn-${o}-${g.id}`,label:$(g.label,N,void 0,g.source?.labelToken)||g.id,subtitle:[ke[o].label,$(a.label,N,void 0,a.source?.titleToken)||a.id,$(f.label,N,void 0,f.source?.titleToken)||f.id].join(" › "),keywords:`${g.label} ${g.id}`,kind:"button",run:()=>Q(o,a.id,f.id,g.id)});for(const o of F)e.push({id:`cmd-${o.id}`,label:o.id,subtitle:`${o.actions.length} action${o.actions.length===1?"":"s"}`,kind:"command",run:()=>E(o.id)});for(const[o,r]of[[U,"enable"],[G,"display"]])for(const a of o)e.push({id:`${r}-${a.id}`,label:a.id,subtitle:`${a.steps.length} step${a.steps.length===1?"":"s"}`,kind:r,run:()=>X(a.id,r)});for(const o of _)e.push({id:`ent-${o.logicalName}`,label:o.displayName,subtitle:o.logicalName,kind:"table",run:()=>q(o)});return e},[C,j,I,K,L,Y,H,P,F,U,G,_,N,$,R,T,w,O,A,V,E,X,W,z,Q,q]),B=k.useMemo(()=>{const e=t=>!M||[t.label,t.subtitle??"",t.keywords??""].some(i=>i.toLowerCase().includes(M));return ve.filter(t=>y==="all"||y==="actions"&&t.kinds.includes("action")||y==="tables"&&t.kinds.includes("table")).map(t=>{const i=te.filter(u=>t.kinds.includes(u.kind)&&e(u));return{...t,shown:i.slice(0,t.limit),more:Math.max(0,i.length-t.limit)}}).filter(t=>t.shown.length>0)},[te,M,y]),v=B.flatMap(e=>e.shown),b=v[Math.min(le,v.length-1)];k.useEffect(()=>{b&&J.current?.querySelector(`#${D(b.id)}`)?.scrollIntoView?.({block:"nearest"})},[b]);const oe=e=>{e&&(ee(),e.run())},ae=e=>{e.key==="ArrowDown"?(e.preventDefault(),h(t=>Math.min(t+1,v.length-1))):e.key==="ArrowUp"?(e.preventDefault(),h(t=>Math.max(t-1,0))):e.key==="Home"?(e.preventDefault(),h(0)):e.key==="End"?(e.preventDefault(),h(v.length-1)):e.key==="Enter"&&(e.preventDefault(),oe(b))};return s.jsx(ie,{open:C,onOpenChange:(e,t)=>!t.open&&ee(),children:s.jsxs(re,{className:l.surface,"aria-label":"Command palette",children:[s.jsx("div",{className:l.search,children:s.jsx(ce,{className:l.searchBox,size:"large",autoFocus:!0,placeholder:"Search buttons, commands, rules and tables",value:x,onChange:(e,t)=>{Z(t.value),h(0)},input:{role:"combobox","aria-label":"Search","aria-expanded":!0,"aria-controls":"palette-results","aria-activedescendant":b?D(b.id):void 0,"aria-autocomplete":"list",onKeyDown:ae}})}),s.jsxs("div",{ref:J,id:"palette-results",role:"listbox","aria-label":"Results",className:l.results,children:[B.map(e=>s.jsxs("div",{role:"group","aria-label":e.title,children:[s.jsx(m,{className:l.groupLabel,role:"presentation",children:e.title}),e.shown.map(t=>{const i=t===b;return s.jsxs("div",{id:D(t.id),role:"option","aria-selected":i,className:ue(l.item,i&&l.itemActive),onClick:()=>oe(t),onMouseMove:()=>h(v.indexOf(t)),children:[s.jsx(de,{className:l.kind,appearance:"tint",size:"medium",color:t.kind==="action"?"brand":"informative",children:ye[t.kind]}),s.jsxs("span",{className:l.itemText,children:[s.jsx(ne,{className:l.itemLabel,children:t.label}),t.subtitle&&s.jsx(m,{className:l.itemSub,children:t.subtitle})]})]},t.id)}),e.more>0&&s.jsxs(m,{className:l.more,role:"presentation",children:[e.more," more: keep typing to narrow it down."]})]},e.title)),B.length===0&&s.jsxs(ne,{className:l.empty,role:"presentation",children:["Nothing matches “",x,"”."]})]}),s.jsxs("div",{className:l.footer,"aria-hidden":"true",children:[s.jsx(m,{children:"↑ ↓ move"}),s.jsx(m,{children:"Enter choose"}),s.jsx(m,{children:"Esc close"}),s.jsx(m,{children:"/ actions only"}),s.jsx(m,{children:"@ tables only"})]})]})})};export{je as CommandPalette,je as default};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./monacoSetup-BIq1zGyP.js","./monaco-cQE5XS3B.js","./fluent-ui-CQyNN9H3.js","./preload-helper-PPVm8Dsz.js","./monaco-DQA8g3bM.css"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as k}from"./preload-helper-PPVm8Dsz.js";import{W as m,r as S,j as e,c as y,dv as z,t as l,k as A,dX as X,B as C,dZ as $,d_ as w,dY as F,m as V}from"./fluent-ui-CQyNN9H3.js";import{b as W,a as D,aO as O,d as H,aP as I}from"./index-D7TexD30.js";import"./dnd-iy5K5XAJ.js";const U=m.lazy(()=>k(()=>import("./monacoSetup-BIq1zGyP.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url).then(()=>k(()=>import("./monaco-cQE5XS3B.js").then(t=>t.i),__vite__mapDeps([1,2,3,4]),import.meta.url)).then(t=>({default:t.DiffEditor}))),G=["HomepageGrid","SubGrid","Form","Application"],q=V({root:{flex:1,display:"flex",flexDirection:"column",gap:l.spacingVerticalS,minHeight:"320px"},unchanged:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:l.spacingVerticalM,textAlign:"center",color:l.colorNeutralForeground3},bar:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:l.spacingHorizontalS},spacer:{flex:1},muted:{color:l.colorNeutralForeground3},editor:{flex:1,minHeight:"240px",border:`1px solid ${l.colorNeutralStroke2}`,borderRadius:l.borderRadiusMedium,overflow:"hidden",position:"relative"},loading:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"}});function Y(t,i){const d=t.split(`
|
|
3
|
+
`),s=i.split(`
|
|
4
|
+
`);let a=0,c=0;const b=new Set(d),x=new Set(s);for(const h of s)b.has(h)||a++;for(const h of d)x.has(h)||c++;return{added:a,removed:c}}function j(t,i,d=!1){return G.map(s=>{const a=d?i[s]:t.ribbons[s];try{return`<!-- ${s} -->
|
|
5
|
+
`+H({location:s,current:a,baseline:i[s],commands:t.commands,displayRules:t.displayRules,enableRules:t.enableRules,locLabels:t.locLabels,entityLogicalName:a.entityLogicalName})}catch(c){return`<!-- ${s}: Error generating XML: ${String(c)} -->`}}).join(`
|
|
6
|
+
|
|
7
|
+
`)}const ee=({historyIndex:t})=>{const i=q(),d=W(n=>n.themeMode),s=t!==void 0,[a,c]=m.useState(!0),[b,x]=m.useState(!1),h=D(n=>!s&&n.mutationsSincePublish===0&&!I(n)),r=D(),o=s?r.past[t]:void 0,v=S.useMemo(()=>s?o?j(o.snapshot,r.baseline):"":j(r,r.baseline,!0),[s,o]),u=s?r.past[t+1]?.snapshot??O(r):O(r),L=S.useMemo(()=>s&&!o?"":j(u,r.baseline),[s,o,u.ribbons,u.commands,u.displayRules,u.enableRules,u.locLabels,r.baseline]),{added:M,removed:N}=Y(v,L),R=m.useRef(null),T=m.useCallback(n=>{R.current=n,n.updateOptions({renderSideBySide:a});const p=[n.getOriginalEditor(),n.getModifiedEditor()];let g=0;const B=()=>{g||(g=requestAnimationFrame(()=>{g=0;for(const f of p)f.render(!0)}))},P=p.flatMap(f=>{const _=f.onDidChangeModelTokens;return _?[_.call(f,B)]:[]}),E=n.getModel();n.getModifiedEditor().onDidDispose(()=>{cancelAnimationFrame(g);for(const f of P)f.dispose();setTimeout(()=>{E?.original.dispose(),E?.modified.dispose()})})},[]);return m.useEffect(()=>{R.current?.updateOptions({renderSideBySide:a})},[a]),s&&!o?e.jsx("div",{className:i.unchanged,children:e.jsx(y,{children:"This change was undone, so there's nothing to show."})}):!s&&!b&&h?e.jsxs("div",{className:i.unchanged,children:[e.jsx(z,{fontSize:40,color:l.colorPaletteGreenForeground1,"aria-hidden":"true"}),e.jsx(y,{size:500,weight:"semibold",children:"No changes since the last publish"}),e.jsx(y,{children:"What you see matches what's published for this table."}),e.jsx(A,{onClick:()=>x(!0),children:"Show the full XML anyway"})]}):e.jsxs("div",{className:i.root,children:[e.jsx(X,{className:i.muted,children:s?`${[o.op,o.target].filter(Boolean).join(" ")}${o.detail?` (${o.detail})`:""}: the XML before it (left) and after it (right).`:"The published XML (left) and the XML with your changes (right)."}),e.jsxs("div",{className:i.bar,children:[e.jsxs(C,{appearance:"tint",color:M?"success":"informative",children:["+",M," lines"]}),e.jsxs(C,{appearance:"tint",color:N?"danger":"informative",children:["-",N," lines"]}),e.jsx("div",{className:i.spacer}),e.jsxs($,{size:"small",selectedValue:a?"side":"unified",onTabSelect:(n,p)=>c(p.value==="side"),"aria-label":"Diff layout",children:[e.jsx(w,{value:"side",children:"Side by side"}),e.jsx(w,{value:"unified",children:"Unified"})]})]}),e.jsx("div",{className:i.editor,children:e.jsx(S.Suspense,{fallback:e.jsx("div",{className:i.loading,children:e.jsx(F,{size:"small",label:"Loading the diff…"})}),children:e.jsx(U,{original:v,modified:L,language:"xml",theme:d==="dark"?"vs-dark":"vs",height:"100%",keepCurrentOriginalModel:!0,keepCurrentModifiedModel:!0,onMount:T,options:{readOnly:!0,renderSideBySide:a,lineNumbers:"on",minimap:{enabled:!1},scrollBeyondLastLine:!1,automaticLayout:!0,wordWrap:"on"}})})})]})};export{ee as CompareView,ee as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e,F as h,as as P,ar as S,dO as j,T as p,k as v,cD as b,cB as f,l as y,at as I,m as k,W as g,t as u}from"./fluent-ui-CQyNN9H3.js";import{U as N}from"./crmParameters-rgfZhhzN.js";const R=k({root:{display:"flex",flexDirection:"column",gap:u.spacingVerticalXS,minWidth:0},param:{display:"flex",flexWrap:"wrap",minWidth:0,gap:u.spacingHorizontalS,alignItems:"flex-end",padding:u.spacingVerticalXS,border:`1px solid ${u.colorNeutralStroke2}`,borderRadius:u.borderRadiusMedium},typeSelect:{flex:"0 1 170px",minWidth:"130px"},nameField:{flex:"0 1 150px",minWidth:"110px"},valueField:{flex:"1 1 160px",minWidth:0,"& .fui-Select, & .fui-Input, & select":{width:"100%",minWidth:0}},actions:{display:"flex",gap:u.spacingHorizontalXS,flexShrink:0},addButton:{alignSelf:"flex-start"}}),A=[{label:"Context",values:["PrimaryControl","PrimaryControlId","SelectedControl","CommandProperties"]},{label:"Record",values:["PrimaryEntityTypeCode","PrimaryEntityTypeName","FirstPrimaryItemId","PrimaryItemIds"]},{label:"Selection context",values:["SelectedEntityTypeCode","SelectedEntityTypeName","FirstSelectedItemId"]},{label:"Grid selection",values:["SelectedControlSelectedItemCount","SelectedControlSelectedItemIds","SelectedControlSelectedItemReferences","SelectedControlAllItemCount","SelectedControlAllItemIds","SelectedControlAllItemReferences","SelectedControlUnselectedItemCount","SelectedControlUnselectedItemIds","SelectedControlUnselectedItemReferences"]},{label:"Org/User",values:["OrgName","OrgLcid","UserLcid"]}];function F({value:r,integer:c,onChange:x}){const[i,s]=g.useState(String(r));return g.useEffect(()=>s(Number.isFinite(r)?String(r):""),[r]),e.jsx(S,{type:"number",value:i,onChange:(C,d)=>{s(d.value);const m=Number(d.value);d.value.trim()!==""&&Number.isFinite(m)&&(!c||Number.isInteger(m))&&!/e/i.test(String(m))&&x(m)},onBlur:()=>s(Number.isFinite(r)?String(r):"")})}const E=({params:r,onChange:c,urlMode:x=!1})=>{const i=R(),s=(l,t)=>{const a=[...r];a[l]=t,c(a)},C=l=>{c(r.filter((t,a)=>a!==l))},d=(l,t)=>{const a=[...r],n=l+t;n<0||n>=a.length||([a[l],a[n]]=[a[n],a[l]],c(a))},m=()=>{c([...r,{kind:"CrmParameter",value:"PrimaryControl"}])};return e.jsxs("div",{className:i.root,children:[r.map((l,t)=>e.jsxs("div",{className:i.param,children:[e.jsx(h,{label:"Type",size:"small",className:i.typeSelect,children:e.jsxs(P,{value:l.kind,onChange:(a,n)=>{const o=n.value;o==="CrmParameter"?s(t,{kind:o,value:"PrimaryControl"}):o==="BoolParameter"?s(t,{kind:o,value:!1}):o==="IntParameter"||o==="DecimalParameter"?s(t,{kind:o,value:0}):s(t,{kind:"StringParameter",value:""})},children:[e.jsx("option",{value:"CrmParameter",children:"From the context"}),e.jsx("option",{value:"StringParameter",children:"Text"}),e.jsx("option",{value:"BoolParameter",children:"True or false"}),e.jsx("option",{value:"IntParameter",children:"Whole number"}),e.jsx("option",{value:"DecimalParameter",children:"Decimal number"})]})}),x&&e.jsx(h,{label:"Name",size:"small",className:i.nameField,validationState:l.kind==="CrmParameter"&&!l.name?"error":"none",validationMessage:l.kind==="CrmParameter"&&!l.name?"Needs a name: it's the query string key.":void 0,children:e.jsx(S,{value:l.name??"",onChange:(a,n)=>s(t,{...l,name:n.value||void 0}),placeholder:"key"})}),e.jsx(h,{label:"Value",size:"small",className:i.valueField,children:l.kind==="CrmParameter"?e.jsx(P,{value:l.value,onChange:(a,n)=>s(t,{...l,value:n.value}),children:A.map(a=>e.jsx("optgroup",{label:a.label,children:a.values.filter(n=>!x||!N.has(n)).map(n=>e.jsx("option",{value:n,children:n},n))},a.label))}):l.kind==="BoolParameter"?e.jsx(j,{checked:l.value,onChange:(a,n)=>s(t,{...l,value:n.checked}),label:l.value?"True":"False"}):l.kind==="StringParameter"?e.jsx(S,{value:String(l.value),onChange:(a,n)=>s(t,{...l,value:n.value})}):e.jsx(F,{value:l.value,integer:l.kind==="IntParameter",onChange:a=>s(t,{...l,value:a})})}),e.jsxs("div",{className:i.actions,children:[e.jsx(p,{content:`Move parameter ${t+1} up`,relationship:"label",children:e.jsx(v,{appearance:"subtle",size:"small",icon:e.jsx(b,{}),onClick:()=>d(t,-1),disabled:t===0})}),e.jsx(p,{content:`Move parameter ${t+1} down`,relationship:"label",children:e.jsx(v,{appearance:"subtle",size:"small",icon:e.jsx(f,{}),onClick:()=>d(t,1),disabled:t===r.length-1})}),e.jsx(p,{content:`Remove parameter ${t+1}`,relationship:"label",children:e.jsx(v,{appearance:"subtle",size:"small",icon:e.jsx(y,{}),onClick:()=>C(t)})})]})]},t)),e.jsx(v,{className:i.addButton,appearance:"secondary",size:"small",icon:e.jsx(I,{}),onClick:m,children:"Add parameter"})]})};export{E as C};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./CommandEditorPanel-B7W3Sqiu.js","./fluent-ui-CQyNN9H3.js","./dnd-iy5K5XAJ.js","./index-D7TexD30.js","./preload-helper-PPVm8Dsz.js","./index-D5GCH8nj.css","./CrmParameterEditor-DO6Rt764.js","./crmParameters-rgfZhhzN.js","./useStableKeys-49o4VnxU.js","./RuleEditorPanel-B0u4b6vi.js","./ruleKinds-BKTUiZ1-.js","./ScriptView-Ct4i8Jja.js","./MonacoEditor-CEYP9b6u.js","./TabDisplayRulesPanel-HMmGkIxe.js","./XmlView-CyLtgYex.js","./CompareView-D1FOwnU1.js","./TranslationsView-DT4Ce3_W.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as y}from"./preload-helper-PPVm8Dsz.js";import{r as u,j as e,F as N,ar as V,k as j,m as E,t as l,T as w,ai as C,B as L,dZ as z,d_ as R,dX as v,ac as B,eK as P,eL as A,z as H,E as S,cH as F,l as O,eM as W,eN as X,dY as $,e as I,eO as M}from"./fluent-ui-CQyNN9H3.js";import{u as U,a as x,b as g,I as D,c as K,i as Y}from"./index-D7TexD30.js";import"./dnd-iy5K5XAJ.js";const Z=E({rename:{display:"flex",alignItems:"flex-start",gap:l.spacingHorizontalS,marginTop:l.spacingVerticalXS},field:{flex:1,minWidth:0},input:{fontFamily:l.fontFamilyMonospace},buttons:{display:"flex",gap:l.spacingHorizontalXS,marginTop:"22px"}});function q(s,i,m,p){if(!s.trim())return"Enter an ID.";if(/\s/.test(s))return"An ID can't contain spaces.";if(s!==i&&m.some(c=>c.toLowerCase()===s.toLowerCase()))return`Another ${p} already has this ID.`}function T({label:s,current:i,ids:m,what:p,hint:c,onRename:f,onDone:h}){const r=Z(),[a,b]=u.useState(i),o=q(a,i,m,p),n=()=>{const d=a.trim();!o&&d!==i&&f(d),h()};return e.jsxs("div",{className:r.rename,children:[e.jsx(N,{className:r.field,label:s,validationState:o?"error":"none",validationMessage:o,hint:o?void 0:c,children:e.jsx(V,{className:r.input,value:a,autoFocus:!0,onChange:(d,t)=>b(t.value),onKeyDown:d=>{d.key==="Enter"&&n(),d.key==="Escape"&&(d.stopPropagation(),h())}})}),e.jsxs("div",{className:r.buttons,children:[e.jsx(j,{appearance:"primary",disabled:!!o||a.trim()===i,onClick:n,children:"Rename"}),e.jsx(j,{onClick:h,children:"Cancel"})]})]})}const G=E({idRow:{display:"flex",alignItems:"center",gap:l.spacingHorizontalS,minWidth:0,marginTop:l.spacingVerticalXS},id:{flex:1,minWidth:0},badge:{flexShrink:0},tabs:{marginTop:l.spacingVerticalS,marginLeft:`calc(-1 * ${l.spacingHorizontalM})`}}),J={custom:{text:"Yours",color:"success"},customising:{text:"Your copy",color:"brand"},customised:{text:"Your copy",color:"brand"},oob:{text:"Read-only",color:"informative"},uncustomising:{text:"Read-only",color:"informative"},reloadRequired:{text:"Read-only",color:"informative"}};function Q({commandId:s}){const i=G(),m=U(s)?.provenance,p=x(t=>t.commands.find(_=>_.id===s)),c=x(t=>K(t.ribbons,s).length),f=g(t=>t.commandEditorTab),h=g(t=>t.setCommandEditorTab),r=x(t=>t.commands).map(t=>t.id),a=x(t=>t.renameCommandId),b=g(t=>t.openCommandEditor),[o,n]=u.useState(!1),d=m&&J[m];return e.jsxs(e.Fragment,{children:[o?e.jsx(T,{label:"Command ID",current:s,ids:r,what:"command",hint:"Usually publisher.Table.Button.Command. Its buttons follow the new ID.",onRename:t=>a(s,t)&&b(t),onDone:()=>n(!1)}):e.jsxs("div",{className:i.idRow,children:[e.jsx("div",{className:i.id,children:e.jsx(D,{label:"Command ID",value:s,hideLabel:!0,action:m==="custom"&&e.jsx(w,{content:"Rename command ID",relationship:"label",children:e.jsx(j,{appearance:"subtle",icon:e.jsx(C,{}),onClick:()=>n(!0)})})})}),d&&e.jsx(L,{appearance:"tint",color:d.color,size:"medium",className:i.badge,children:d.text})]}),e.jsxs(z,{className:i.tabs,selectedValue:f,onTabSelect:(t,_)=>h(_.value),children:[e.jsx(R,{value:"actions",children:"Actions"}),e.jsxs(R,{value:"enable",children:["Enable rules (",p?.enableRules.length??0,")"]}),e.jsxs(R,{value:"display",children:["Display rules (",p?.displayRules.length??0,")"]}),e.jsxs(R,{value:"usedBy",children:["Used by (",c,")"]})]})]})}const ee=E({idRow:{display:"flex",alignItems:"center",gap:l.spacingHorizontalS,minWidth:0,marginTop:l.spacingVerticalXS},id:{flex:1,minWidth:0},usedBy:{color:l.colorNeutralForeground3}});function ae({ruleId:s,kind:i}){const m=ee(),p=x(n=>i==="enable"?n.enableRules:n.displayRules),c=x(n=>n.commands.filter(d=>(i==="enable"?d.enableRules:d.displayRules).includes(s)).length),f=x(n=>n.renameEnableRuleId),h=x(n=>n.renameDisplayRuleId),r=g(n=>n.openRuleEditor),[a,b]=u.useState(!1),o=n=>{(i==="enable"?f(s,n):h(s,n))&&r(n,i)};return e.jsxs(e.Fragment,{children:[a?e.jsx(T,{label:"Rule ID",current:s,ids:p.map(n=>n.id),what:"rule",hint:"The commands that use it follow the new ID.",onRename:o,onDone:()=>b(!1)}):e.jsx("div",{className:m.idRow,children:e.jsx("div",{className:m.id,children:e.jsx(D,{label:"Rule ID",value:s,hideLabel:!0,action:!Y(s)&&e.jsx(w,{content:"Rename rule ID",relationship:"label",children:e.jsx(j,{appearance:"subtle",icon:e.jsx(C,{}),onClick:()=>b(!0)})})})})}),e.jsxs(v,{className:m.usedBy,children:["Used by ",c," command",c===1?"":"s"]})]})}const se=u.lazy(()=>y(()=>import("./CommandEditorPanel-B7W3Sqiu.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url)),ne=u.lazy(()=>y(()=>import("./RuleEditorPanel-B0u4b6vi.js"),__vite__mapDeps([9,1,3,4,2,5,10,6,7,8]),import.meta.url)),ie=u.lazy(()=>y(()=>import("./ScriptView-Ct4i8Jja.js"),__vite__mapDeps([11,1,3,4,2,5,12]),import.meta.url)),te=u.lazy(()=>y(()=>import("./TabDisplayRulesPanel-HMmGkIxe.js"),__vite__mapDeps([13,1,3,4,2,5,8]),import.meta.url)),oe=u.lazy(()=>y(()=>import("./XmlView-CyLtgYex.js"),__vite__mapDeps([14,1,3,4,2,5,12]),import.meta.url)),le=u.lazy(()=>y(()=>import("./CompareView-D1FOwnU1.js"),__vite__mapDeps([15,4,1,3,2,5]),import.meta.url)),re=u.lazy(()=>y(()=>import("./TranslationsView-DT4Ce3_W.js"),__vite__mapDeps([16,1,3,4,2,5]),import.meta.url)),de=E({drawer:{width:"720px",maxWidth:"90vw"},wide:{width:"960px"},fill:{display:"flex",flexDirection:"column"},navigation:{justifyContent:"space-between"},title:{display:"flex",flexDirection:"column",gap:l.spacingVerticalXXS,minWidth:0},trail:{color:l.colorNeutralForeground3},idRow:{display:"flex",alignItems:"center",gap:l.spacingHorizontalS,minWidth:0,marginTop:l.spacingVerticalXS},id:{flex:1,minWidth:0},footer:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:l.spacingHorizontalM},hint:{color:l.colorNeutralForeground3}});function k(s){return s.kind==="command"?"Edit command":s.kind==="rule"?`Edit ${s.ruleKind} rule`:s.kind==="tabRules"?"Tab display rules":s.kind==="xml"?"XML of your changes":s.kind==="translations"?"Translations":s.kind==="diff"?s.id==="compare"?"Compare with published":"What this change did":s.editable?"Edit script":"View script"}function xe(){const s=de(),i=g(o=>o.editorStack),m=g(o=>o.editorBack),p=g(o=>o.closeEditor),c=i.length>0,[f,h]=u.useState(i);c&&i!==f&&h(i);const r=c?i:f,a=r[r.length-1],b=r[r.length-2];return u.useEffect(()=>c?(x.getState().beginEditSession(),()=>x.getState().endEditSession()):void 0,[c]),e.jsxs(B,{position:"end",open:c,onOpenChange:(o,n)=>!n.open&&p(),className:I(s.drawer,(a?.kind==="xml"||a?.kind==="diff")&&s.wide),"aria-label":a?k(a):"Editor",children:[e.jsxs(P,{children:[e.jsx(A,{children:e.jsxs(H,{className:s.navigation,children:[b?e.jsx(S,{appearance:"subtle",icon:e.jsx(F,{}),onClick:m,children:k(b)}):e.jsx("span",{}),e.jsx(S,{appearance:"subtle",icon:e.jsx(O,{}),"aria-label":"Close",onClick:p})]})}),a&&e.jsx(W,{children:e.jsxs("span",{className:s.title,children:[r.length>2&&e.jsxs(v,{className:s.trail,children:[r.slice(0,-1).map(k).join(" › ")," ›"]}),k(a)]})}),a?.kind==="command"&&e.jsx(Q,{commandId:a.id},a.id),a?.kind==="rule"&&e.jsx(ae,{ruleId:a.id,kind:a.ruleKind},a.id),(a?.kind==="script"||a?.kind==="tabRules"||a?.kind==="translations")&&e.jsx("div",{className:s.idRow,children:e.jsx("div",{className:s.id,children:e.jsx(D,{label:a.kind==="tabRules"?"Tab ID":a.kind==="translations"?"Button ID":"Web resource",value:a.id,hideLabel:!0})})})]}),e.jsx(X,{className:I((a?.kind==="script"||a?.kind==="xml"||a?.kind==="diff")&&s.fill),children:e.jsxs(u.Suspense,{fallback:e.jsx($,{size:"small",label:"Loading…"}),children:[a?.kind==="command"&&e.jsx(se,{}),a?.kind==="rule"&&e.jsx(ne,{}),a?.kind==="tabRules"&&e.jsx(te,{location:a.location,tabId:a.id}),a?.kind==="script"&&e.jsx(ie,{name:a.id,editable:a.editable},a.id),a?.kind==="xml"&&e.jsx(oe,{location:a.id},a.id),a?.kind==="translations"&&e.jsx(re,{buttonId:a.id},a.id),a?.kind==="diff"&&e.jsx(le,{historyIndex:a.historyIndex},`${a.id}:${a.historyIndex??""}`)]})}),e.jsxs(M,{className:s.footer,children:[e.jsx(v,{className:s.hint,children:a?.kind==="script"?a.editable?"Save writes the script to Dataverse · Undo doesn't revert it":"":a?.kind==="xml"||a?.kind==="diff"?"":"Changes apply as you edit · Ctrl Z to undo"}),e.jsx(j,{appearance:"primary",onClick:p,children:"Done"})]})]})}export{xe as EditorDrawer,xe as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as c}from"./fluent-ui-CQyNN9H3.js";import{b as s,a as n,ak as b,aE as m,aF as p,am as f}from"./index-D7TexD30.js";import"./preload-helper-PPVm8Dsz.js";import"./dnd-iy5K5XAJ.js";const O=()=>{const o=s(e=>e.hideInsteadOfDelete),a=s(e=>e.closeHideInsteadOfDelete),i=s(e=>e.announce),t=n(e=>o?f(e.ribbons[o.location].tabs.find(d=>d.id===o.tabId)?.groups.find(d=>d.id===o.groupId),o.buttonId):void 0),l=n(e=>o?e.baseline[o.location]:void 0),r=n(e=>e.locLabels),u=b();return!o||!t||!l?null:c.jsx(m,{open:!0,buttonLabel:u(t.label,r,void 0,t.source?.labelToken),buttonId:t.id,commandId:t.commandId,deleteBlockedReason:p(t,l),onConfirmHide:()=>{n.getState().hideOobButton(o.location,o.tabId,o.groupId,o.buttonId),i("Button hidden"),a()},onConfirmDisplayRule:()=>{n.getState().hideWithDisplayRules(t.commandId)&&i("Button hidden"),a()},onCancel:a})};export{O as HideInsteadOfDeleteModal,O as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as o,r as t,dD as se,W as ne,dZ as Ie,d_ as V,a6 as te,a7 as ie,dP as le,eP as We,d as $e,eR as ce,T as Te,k as C,e as U,c as M,dX as z,dY as Ne,F as Be,ar as Ee,p as Le,m as Pe,t as a}from"./fluent-ui-CQyNN9H3.js";import{u as Fe}from"./useReplaceWebResourceConfirm-BdTw98QF.js";import{b as de,a as De,a2 as $,S as ue,ao as ge,Z as Ge,ap as pe,aq as H,ar as Ve,as as he,at as Ue,G as O,au as Me,av as ze,aw as He,ax as Oe,ay as _e,F as _}from"./index-D7TexD30.js";import"./preload-helper-PPVm8Dsz.js";import"./dnd-iy5K5XAJ.js";function Xe({text:s}){return o.jsx(o.Fragment,{children:s.split(/(?=[A-Z])/).map((h,c)=>o.jsxs(t.Fragment,{children:[c>0&&o.jsx("wbr",{}),h]},c))})}const Ze=[{category:"Actions",keywords:["Add","Delete","Edit","Save","Copy","Paste","Undo","Redo","Send","Print","Refresh"]},{category:"Communication",keywords:["Mail","Chat","Phone","Call","Message"]},{category:"Navigation",keywords:["Arrow","Chevron","Navigation","Home","Back","Forward"]},{category:"System",keywords:["Settings","Info","Warning","Dismiss","Question","Checkmark","Error"]},{category:"Security",keywords:["Lock","Shield","Key","Fingerprint"]},{category:"People",keywords:["Person","People","Contact","User"]},{category:"Business",keywords:["Building","Briefcase","Money","Credit","Cart","Tag","Receipt"]},{category:"Files",keywords:["Document","Folder","Attach","Upload","Download","File"]},{category:"Web",keywords:["Globe","Link","Open","Browser","World"]},{category:"Time",keywords:["Calendar","Clock","Timer","History"]},{category:"Rating",keywords:["Star","Heart","Thumb"]},{category:"View",keywords:["Eye","Zoom","View","Window","Preview"]},{category:"Layout",keywords:["Grid","List","Table","Panel","Column","Row"]},{category:"Development",keywords:["Code","Bug","Branch","Wrench","Tool","Terminal"]},{category:"Media",keywords:["Play","Pause","Stop","Video","Audio","Camera"]},{category:"Analytics",keywords:["Chart","Data","Poll","Graph","Trend"]}],qe=["Add","Delete","Edit","Save","Copy","Cut","ClipboardPaste","Share","Mail","Chat","Phone","Search","Filter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","ChevronDown","ChevronUp","Navigation","Home","Settings","Info","Warning","Checkmark","Dismiss","QuestionCircle","LockClosed","LockOpen","Shield","Person","People","PersonAdd","Building","Briefcase","Money","CreditCard","Cart","Tag","Document","DocumentBulletList","Folder","FolderOpen","Attach","ArrowDownload","ArrowUpload","Globe","Link","Open","Calendar","Clock","Timer","Star","Heart","ThumbLike","ThumbDislike","Eye","EyeOff","ZoomIn","ZoomOut","Maximize","Minimize","Grid","List","Table","TableSimple","Code","Bug","Play","Pause","Stop","Refresh","ArrowSync","ArrowUndo","ArrowRedo","Printer","Send","Rocket","Sparkle","Trophy","Lightbulb","Bot","DataBar","ChartMultiple","Poll"];function Ye(s){for(const h of Ze)if(h.keywords.some(c=>s.includes(c)))return h.category;return"General"}const me=qe.map(s=>({name:s,category:Ye(s)})),Qe=["All",...Array.from(new Set(me.map(s=>s.category))).sort()],Ke=Pe({content:{display:"flex",flexDirection:"column",gap:a.spacingVerticalS,height:"min(560px, calc(100vh - 240px))",minHeight:"320px",overflowY:"hidden"},toolbar:{display:"flex",alignItems:"center",gap:a.spacingHorizontalS,flexWrap:"wrap",flexShrink:0},search:{flex:"1 1 220px",minWidth:0},category:{minWidth:"160px"},variant:{display:"flex",gap:a.spacingHorizontalXS},iconGrid:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(88px, 1fr))",gap:a.spacingHorizontalXS,overflowY:"auto",flex:1,minHeight:0,padding:a.spacingHorizontalXXS},iconTile:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:a.spacingVerticalXS,minHeight:"72px",height:"auto",padding:a.spacingVerticalS,fontWeight:a.fontWeightRegular},iconTileSelected:{backgroundColor:a.colorBrandBackground2,border:`1px solid ${a.colorBrandStroke1}`},iconLabel:{fontSize:a.fontSizeBase200,textAlign:"center",lineHeight:a.lineHeightBase200,overflowWrap:"anywhere"},muted:{color:a.colorNeutralForeground3},selection:{display:"flex",alignItems:"center",gap:a.spacingHorizontalS,padding:`${a.spacingVerticalXS} ${a.spacingHorizontalS}`,backgroundColor:a.colorNeutralBackground3,borderRadius:a.borderRadiusMedium,flexShrink:0,minWidth:0},selectionText:{minWidth:0,display:"flex",flexDirection:"column"},resourceList:{listStyleType:"none",margin:0,padding:a.spacingHorizontalXXS,flex:1,minHeight:0,overflowY:"auto",display:"flex",flexDirection:"column",gap:a.spacingVerticalXXS},resourceRow:{width:"100%",justifyContent:"flex-start",fontFamily:a.fontFamilyMonospace,fontWeight:a.fontWeightRegular,fontSize:a.fontSizeBase200,textAlign:"start",overflowWrap:"anywhere"},dropZone:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:a.spacingVerticalM,padding:a.spacingVerticalL,textAlign:"center",border:`2px dashed ${a.colorNeutralStroke2}`,borderRadius:a.borderRadiusMedium,color:a.colorNeutralForeground3},dropZoneActive:{border:`2px dashed ${a.colorBrandStroke1}`,backgroundColor:a.colorBrandBackground2}}),X=300,so=()=>{const s=Ke(),h=Fe(),c=de(e=>e.iconPickerOpen),A=de(e=>e.closeIconPicker),Z=De(e=>e.setButtonProp),R=$(e=>e.selectedButtonId),I=$(e=>e.selectedGroupId),q=$(e=>e.tabId),Y=$(e=>e.location),T=ue(e=>e.publisherPrefix),v=ue(e=>e.activeSolution),[Q,d]=t.useState(null),[K,W]=t.useState(null),[g,J]=t.useState("fluent"),[N,fe]=t.useState(""),[w,Se]=t.useState("All"),[m,ee]=t.useState("regular"),[l,be]=t.useState(null),[f,B]=t.useState(""),[x,E]=t.useState([]),[we,oe]=t.useState(!1),[L,xe]=t.useState(""),[S,y]=t.useState(!1),[ye,P]=t.useState(!1),re=t.useRef(null),Ce=se({axis:"grid-linear"}),ve=se({axis:"vertical"});ne.useEffect(()=>{c||(d(null),W(null))},[c]),ne.useEffect(()=>{!c||g!=="webresource"||(oe(!0),ge("svg").then(e=>E(e)).catch(()=>E([])).finally(()=>oe(!1)))},[c,g]);const k=t.useMemo(()=>{const e=L.toLowerCase();return x.filter(r=>!e||r.name.toLowerCase().includes(e))},[L,x]),F=t.useMemo(()=>{const e=N.toLowerCase();return me.filter(r=>(w==="All"||r.category===w)&&(e===""||r.name.toLowerCase().includes(e)))},[N,w]),ke=async()=>{if(!l||!R||!I)return;const e=_(),r=O.getState();if(d(null),!v||v.isManaged){d("Select an unmanaged solution first — the icon is added to it as an SVG web resource.");return}y(!0);try{const n=await Me(l,m,T,ze,{busy:{onProgress:i=>r.logInfo("webresource",i)},guard:e});n.publishError&&r.logWarn("webresource",`Publishing icon web resource ${n.name} failed: ${n.publishError}. Pick the icon again or publish customizations before using the button.`),Z(Y,q,I,R,{icon:H(l),image16:`$webresource:${n.name}`,image32:`$webresource:${n.name}`}),r.logInfo("webresource",`${n.created?"Uploaded":"Reusing"} icon web resource ${n.name} (solution ${v.uniqueName}).`),A()}catch(n){const i=n instanceof Error?n.message:String(n);r.logError("webresource",`Fluent icon "${l}" could not be added as a web resource: ${i}`),d(`Could not add the icon as a web resource: ${i}`)}finally{y(!1)}},je=async()=>{if(!f||!R||!I)return;const e=he(f),r=_(),n=O.getState();d(null),W(null);const i=e.startsWith("$webresource:")?e.slice(13).trim():null;let p=null;if(i){y(!0);try{const b=x.find(D=>D.name===i),u=await He(i,b,r);u.solutionUniqueName&&n.logInfo("webresource",`Added web resource ${i} to solution ${u.solutionUniqueName}.`),p=u.solutionWarning??null}catch(b){const u=b instanceof Error?b.message:String(b);if(/^No web resource named /.test(u)){d(u);return}p=`The icon was set, but ${i} could not be added to the solution: ${u}`,n.logError("webresource",p)}finally{y(!1)}}if(Z(Y,q,I,R,{image16:e,image32:e}),p){W(p);return}A()},Ae=async e=>{const r=_();if(!v||v.isManaged){d("Select an unmanaged solution first — the SVG is added to it as a web resource.");return}d(null),y(!0);try{const n=await new Promise((u,D)=>{const j=new FileReader;j.onerror=()=>D(j.error??new Error("Failed to read SVG")),j.onload=()=>{const G=String(j.result??"");u(G.includes(",")?G.split(",")[1]??"":G)},j.readAsDataURL(e)}),i=`${T||"new"}_/icons/${e.name}`,p=await Oe(i,n,11,{displayName:e.name,guard:r,onExisting:h.onExisting});W([p.solutionWarning,p.publishWarning].filter(Boolean).join(" ")||null),B(`$webresource:${i}`),J("webresource");const b=await ge("svg");E(b)}catch(n){if(n instanceof _e)return;const i=n instanceof Error?n.message:String(n);O.getState().logError("webresource",`SVG upload failed: ${i}`),d(`Upload failed: ${i}`)}finally{y(!1)}},ae=e=>{if(e){if(!/\.svg$/i.test(e.name)){d(`${e.name} isn't an SVG file.`);return}Ae(e)}},Re=f.startsWith("$webresource:")?f.slice(13):f;return o.jsxs(o.Fragment,{children:[h.dialog,o.jsxs(Ge,{open:c,onOpenChange:e=>!e&&A(),title:"Choose an icon",size:"large",contentClassName:s.content,startActions:o.jsx(Ue,{prefix:"Saves to"}),actions:o.jsxs(o.Fragment,{children:[o.jsx(C,{onClick:A,children:"Cancel"}),g==="fluent"&&o.jsx(C,{appearance:"primary",disabled:!l||S,onClick:()=>{ke()},children:S?"Adding icon…":`Use ${l??"icon"}`}),g==="webresource"&&o.jsx(C,{appearance:"primary",disabled:!f||S,onClick:()=>{je()},children:S?"Adding icon…":"Use web resource"})]}),children:[o.jsxs(Ie,{selectedValue:g,onTabSelect:(e,r)=>J(r.value),children:[o.jsx(V,{value:"fluent",children:"Fluent icons"}),o.jsx(V,{value:"webresource",children:"Web resources"}),o.jsx(V,{value:"upload",children:"Upload SVG"})]}),Q&&o.jsx(te,{intent:"error",children:o.jsx(ie,{children:Q})}),K&&o.jsx(te,{intent:"warning",children:o.jsxs(ie,{children:["Icon applied. ",K]})}),g==="fluent"&&o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:s.toolbar,children:[o.jsx(le,{"data-autofocus":!0,className:s.search,placeholder:"Search icons","aria-label":"Search icons",value:N,onChange:(e,r)=>fe(r.value)}),o.jsx(We,{className:s.category,"aria-label":"Category",value:w==="All"?"All categories":w,selectedOptions:[w],onOptionSelect:(e,r)=>Se(String(r.optionValue??"All")),children:Qe.map(e=>o.jsx($e,{value:e,text:e==="All"?"All categories":e,children:e==="All"?"All categories":e},e))}),o.jsxs("div",{className:s.variant,role:"group","aria-label":"Icon style",children:[o.jsx(ce,{checked:m==="regular",onClick:()=>ee("regular"),children:"Regular"}),o.jsx(ce,{checked:m==="filled",onClick:()=>ee("filled"),children:"Filled"})]})]}),o.jsxs("div",{className:s.iconGrid,role:"group","aria-label":`${F.length} icons`,...Ce,children:[F.map(e=>{const r=l===e.name;return o.jsx(Te,{content:`${e.name} · ${e.category}`,relationship:"description",children:o.jsxs(C,{appearance:"subtle","aria-pressed":r,className:U(s.iconTile,r&&s.iconTileSelected),onClick:()=>be(e.name),children:[o.jsx(pe,{name:H(e.name),size:24,variant:m}),o.jsx("span",{className:s.iconLabel,children:o.jsx(Xe,{text:e.name})})]})},e.name)}),F.length===0&&o.jsx(M,{className:s.muted,children:"No icon matches."})]}),l&&o.jsxs("div",{className:s.selection,role:"status",children:[o.jsx(pe,{name:H(l),size:24,variant:m}),o.jsxs("span",{className:s.selectionText,children:[o.jsxs(M,{weight:"semibold",children:[l," ·"," ",m==="regular"?"Regular":"Filled"]}),o.jsxs(z,{className:s.muted,children:["Added to your solution as"," ",Ve(T||"new",l,m)]})]})]})]}),g==="webresource"&&o.jsxs(o.Fragment,{children:[o.jsx(le,{"data-autofocus":!0,placeholder:"Search SVG web resources","aria-label":"Search SVG web resources",value:L,onChange:(e,r)=>xe(r.value)}),we?o.jsx(Ne,{size:"small",label:"Loading web resources…"}):o.jsxs(o.Fragment,{children:[o.jsx(z,{className:s.muted,role:"status",children:k.length>X?`Showing ${X} of ${k.length.toLocaleString()} SVG web resources. Search to find others.`:k.length===x.length?`${x.length.toLocaleString()} SVG web resources`:`${k.length} of ${x.length.toLocaleString()} SVG web resources`}),o.jsx("ul",{className:s.resourceList,"aria-label":"SVG web resources",...ve,children:k.slice(0,X).map(e=>{const r=`$webresource:${e.name}`,n=f===r;return o.jsx("li",{children:o.jsx(C,{appearance:"subtle","aria-pressed":n,className:U(s.resourceRow,n&&s.iconTileSelected),onClick:()=>B(r),children:e.name})},e.id)})})]}),o.jsx(Be,{label:"Web resource",hint:"Image16 and Image32 are both set to it. SVG works at every size.",children:o.jsx(Ee,{placeholder:"publisher_/icons/icon.svg",value:Re,onChange:(e,r)=>B(r.value?he(r.value):"")})})]}),g==="upload"&&o.jsxs("div",{className:U(s.dropZone,ye&&s.dropZoneActive),onDragOver:e=>{e.preventDefault(),P(!0)},onDragLeave:()=>P(!1),onDrop:e=>{e.preventDefault(),P(!1),ae(e.dataTransfer.files?.[0])},children:[o.jsx(Le,{fontSize:48}),o.jsx(M,{children:"Drop an SVG file here"}),o.jsx(z,{children:"It's uploaded as a web resource in your solution, then listed under Web resources to use."}),o.jsx("input",{ref:re,type:"file",accept:".svg",hidden:!0,disabled:S,onChange:e=>{const r=e.target.files?.[0];e.target.value="",ae(r)}}),o.jsx(C,{appearance:"primary",disabled:S,onClick:()=>re.current?.click(),children:S?"Uploading…":"Choose SVG…"})]})]})]})};export{so as IconPickerModal,so as default};
|