@epam/ai-dial-ui-kit 0.14.0-dev.3 → 0.14.0-dev.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/CHANGELOG.md +6 -0
- package/dist/{JsonEditor-0ZT9yNXj.js → JsonEditor-CFkmn69x.js} +1 -1
- package/dist/{JsonEditor-EOISr6OE.cjs → JsonEditor-CPk58Te4.cjs} +1 -1
- package/dist/{MarkdownEditor-Csbic0gz.js → MarkdownEditor-ALJ17x82.js} +1 -1
- package/dist/{MarkdownEditor-D8p7zjZ1.js → MarkdownEditor-CqMQgd-3.js} +1 -1
- package/dist/{MarkdownEditor-vV5rCB3Y.cjs → MarkdownEditor-Cz2HKRcy.cjs} +1 -1
- package/dist/{MarkdownEditor-BfeV6-XV.cjs → MarkdownEditor-DgPlyntV.cjs} +1 -1
- package/dist/components-manifest.json +306 -4
- package/dist/dial-ui-kit.cjs.js +1 -1
- package/dist/dial-ui-kit.es.js +68 -66
- package/dist/{index-BVZGIW7V.js → index-BnqboA_3.js} +9201 -8997
- package/dist/{index-Ho1ZjGNx.cjs → index-CBaBO6e_.cjs} +31 -31
- package/dist/index.css +1 -1
- package/dist/src/components/New/Highlight/Highlight.d.ts +1 -1
- package/dist/src/components/New/Label/Label.d.ts +5 -0
- package/dist/src/components/New/RadioGroup/RadioGroup.d.ts +78 -0
- package/dist/src/components/New/RadioGroup/constants.d.ts +11 -0
- package/dist/src/components/New/RadioGroupPopupField/RadioGroupPopupField.d.ts +93 -0
- package/dist/src/components/New/RadioGroupPopupField/constants.d.ts +22 -0
- package/dist/src/index.d.ts +4 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -207,7 +207,7 @@ not AAA:
|
|
|
207
207
|
| `ButtonAppearance.Link` | content | Exempt under the 2.5.5 *Inline* exception; expanding it would overlap surrounding copy |
|
|
208
208
|
| `DialCloseButton` | icon-sized | Renders `h-auto w-auto`, so its target follows the caller's icon size |
|
|
209
209
|
| `DialInfoButton`, `InfoButton` | 24×24 | Fixed small affordance, same overlap constraint as small variants |
|
|
210
|
-
| Standard 2.0 fields (`Input`, `Select`) | 40px tall | The pointer target spans the full field width but stays 4px short of 44 vertically; the height is a shared form design token, not a per-control choice |
|
|
210
|
+
| Standard 2.0 fields (`Input`, `Select`, `RadioGroupPopupField`) | 40px tall | The pointer target spans the full field width but stays 4px short of 44 vertically; the height is a shared form design token, not a per-control choice. `.dial-kit-input` clips its overflow, so the pseudo-element cannot grow the target either |
|
|
211
211
|
| `Tag` remove button | 16×16 rendered | Reaches 24×24 through `dial-kit-minimum-target`; a 44px target would overhang 14px per side and swallow the neighbouring tags of a `TagInput` row |
|
|
212
212
|
| `Radio` circle | 20×20 rendered | Reaches 24×24 through `dial-kit-minimum-target`; a 44px target would overhang 12px per side and swallow the adjacent label. Clicking the label selects the radio, so the practical target is wider |
|
|
213
213
|
| `Checkbox` box | 20×20 rendered | Reaches 24×24 through `dial-kit-minimum-target`; a 44px target would overhang 12px per side and swallow the adjacent label. Clicking the label toggles the checkbox, so the practical target is wider |
|
package/dist/CHANGELOG.md
CHANGED
|
@@ -26,6 +26,9 @@ Versions match the git tags on the `development` branch.
|
|
|
26
26
|
- **`shadow-md` and `shadow-lg` are a single blue layer, and the blue in every shadow is alpha-20/4/8** — the scale was carrying a grey layer under the blue one at every size and one `--shadow-blue-500` value (alpha-14) at all four, which the design has since split per size. `shadow-md` is now `0 8px 24px` at blue-500 alpha-4 and `shadow-lg` is `0 8px 44px` at blue-500 alpha-8, both without the grey layer; `shadow-xs` and `shadow-sm` keep their geometry and their grey layer but move to blue-500 alpha-20. Anything using `shadow-md` (`Card`, `Calendar`, `Input`, overlays, tooltips, the collapsible sidebar) or `shadow-lg` (`Notification`, card hover) drops lower and softer than before.
|
|
27
27
|
Each blue layer now reads its own `--shadow-blue-500-alpha-20` / `-4` / `-8` variable so one theme value cannot flatten the ramp, falling back to `--shadow-blue-500` and then to the light default. `shadow` (the `DEFAULT`) and `--shadow-grey-1000` are unchanged.
|
|
28
28
|
|
|
29
|
+
- **2.0 components compose 2.0 tooltips** — `Popup`'s clipped title, `Input`'s disabled-field readout, `Highlight`, and the option labels of `Select` and its submenus were still built on `DialTooltip` / `DialEllipsisTooltip`, so a 2.0 surface revealed its text in the 1.0 bubble. They now use the 2.0 `Tooltip` / `EllipsisTooltip`: the inverted `bg-control-inverted` bubble with an arrow, and no element rendered at all when there is nothing to show. The popup title passes `triggerClassName="truncate"` because the 2.0 trigger no longer forces it. No props change.
|
|
30
|
+
- **`Select` composes the 2.0 `Checkbox` and `Tag`** — the multi-select options and the Select All row were 1.0 `DialCheckbox` (an 18px box on `before:` pseudo-borders) and the field's selection was rendered with 1.0 `DialTag`. Both are now their 2.0 counterparts, so an option gets the 20px box with the accent fill and the real `indeterminate` DOM property that Select All's mixed state needs to be drawn as mixed, and each tag is the 24px 2.0 pill whose remove button is named after the tag it removes ("Remove Option 1") instead of being reachable only by position. No props change.
|
|
31
|
+
|
|
29
32
|
### Fixed
|
|
30
33
|
|
|
31
34
|
- **`--stroke-primary` and `--stroke-info` light defaults matched their comments, not their tokens** — `--stroke-primary` fell back to `#6B7280`, Tailwind's own `gray-500`, while every other grey-800 token in the kit is `#57647A`; `--stroke-info` fell back to `#124ACE` where blue-500 is `#1D4ED8`. Both now match the palette. Hosts that define the variables are unaffected.
|
|
@@ -41,6 +44,9 @@ Versions match the git tags on the `development` branch.
|
|
|
41
44
|
- **`Checkbox` (2.0)** — a checkbox on a native input, with the mixed and error states the design defines. `isIndeterminate` takes visual precedence over `isSelected`, announces the control as `mixed`, and sets the native `indeterminate` DOM property that no React prop covers; `invalid` paints the box with `control-error` and sets `aria-invalid` so the failure is announced rather than only shown. Filled states carry the fill alone (`border-transparent`) and lighten to `control-accent-hover` on hover, while the unselected box tints to `control-accent-alpha-hover` behind a `border-accent` rim.
|
|
42
45
|
- **`ToggleIconButton` (2.0)** — an icon button that stays pressed, for a setting the icon itself represents (bookmark, pin, favourite). State rides on `aria-pressed` rather than a swapped accessible name, so it is announced as a toggle and keeps one stable label. It composes the primary ghost `IconButton`, which already supplies the unselected column — secondary-grey icon turning accent on hover, accent-alpha tint on hover and active, grey when disabled — and adds the accent icon at rest plus a `selectedIcon` swap for the filled glyph. Unlike every other 2.0 button it is a rounded square, not a pill, and it wraps the 2.0 `Tooltip` with `asChild` so `aria-describedby` lands on the button rather than a wrapper `<span>`. Defaults to `ElementSize.Small`.
|
|
43
46
|
- **`SegmentedControl` (2.0)** — the generation 2.0 counterpart of `DialSegmentedControl`: pill segments on a sunken track, where the selected one lifts onto the raised surface with `shadow-xs` and an accent icon, and both states tint with accent-alpha on hover and press. It is a `radiogroup` of `radio` segments rather than 1.0's `tablist`/`tab`, which is the accurate role for a control that selects a value instead of revealing a panel; the group is a single tab stop and the arrow keys, `Home` and `End` move the selection, skipping disabled segments. `items` replaces `options` and takes a per-segment `aria-label` so an icon-only segment can still be named, and the group is named with `aria-label` rather than 1.0's `ariaLabel`.
|
|
47
|
+
- **`RadioGroup` (2.0)** — the generation 2.0 counterpart of `DialRadioGroup`: a `radiogroup` of 2.0 `Radio` options under one `Label`, with the group's own `caption` / `error` below them and an item's `content` revealed while that item is selected. `items` replaces `radioButtons` and takes `value` / `label` / `caption` / `content` / `disabled` per option (1.0's `id` / `name`), `value` replaces `activeRadioButton`, and the ten pass-through class props collapse to `optionsClassName`, `radioClassName` and `contentClassName`. The group is named through `aria-labelledby` pointing at the label element itself rather than 1.0's duplicated `aria-label`, so a `Label` caption's info button text stays out of the group's name, and selected content is mounted only while its option is selected instead of rendered and hidden.
|
|
48
|
+
- **`RadioGroupPopupField` (2.0)** — the generation 2.0 counterpart of `DialRadioGroupPopupField`, built from the 2.0 `Popup`, `RadioGroup` and buttons. The collapsed field is a real `<button>` carrying `dial-kit-input`, not 1.0's read-only input inside a button, so the button role, `Enter` / `Space` and the disabled treatment come from the element; it announces its label followed by its current value ("Status, Draft") instead of the fixed `open-popup` label 1.0 gave it. The in-popup selection is now a draft the component holds by default — seeded from `value` on every open, discarded on Cancel, and reported once through `onApply(value)` — so a consumer no longer has to thread `selectedRadioValue` and `onChangeRadioField` through their own state; pass `selectedValue` with `onSelectionChange` when `isValid` has to depend on the live selection.
|
|
49
|
+
- **`Label` (2.0) — `containerClassName`** — the wrapper holding the `<label>` and its info button was unstylable, so a label used as a flex item could not be allowed to shrink and its text pushed the row wider instead of truncating. `Select`'s multi-select options need exactly that; the new prop applies classes to the wrapper, leaving `className` on the `<label>` as before.
|
|
44
50
|
- **`Radio` and `Checkbox` reach the 24×24 pointer target** — both controls render at 20px, so they take `dial-kit-minimum-target` for WCAG 2.5.8 (AA) and are listed in the README target-size exception table: a 44px enhanced target would overhang 12px per side and swallow the adjacent label.
|
|
45
51
|
|
|
46
52
|
---
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CBaBO6e_.cjs"),l=require("@monaco-editor/react"),u={[r.EditorThemes.dark]:{base:"vs-dark",inherit:!1,rules:[{token:"string.key.json",foreground:"#37BABC"},{token:"string.value.json",foreground:"#5C8DEA"},{token:"number",foreground:"#D97C27"},{token:"keyword.json",foreground:"#F4CE46"},{token:"delimiter",foreground:"#EEF1F7"},{token:"delimiter.bracket.json",foreground:"#A972FF"},{token:"delimiter.parenthesis",foreground:"#A972FF"}],colors:{"editor.foreground":"#F76464","editor.background":"#161B2D","editorCursor.foreground":"#EEF1F7","editor.selectionBackground":"#5C8DEA2B","editorLineNumber.foreground":"#242C42","scrollbarSlider.background":"#242C42","scrollbarSlider.hoverBackground":"#242C42","scrollbarSlider.activeBackground":"#242C42"}},[r.EditorThemes.light]:{base:"vs",inherit:!1,rules:[{token:"string.key.json",foreground:"#009D9F"},{token:"string.value.json",foreground:"#2764D9"},{token:"number",foreground:"#B25500"},{token:"keyword.json",foreground:"#3F3D25"},{token:"delimiter",foreground:"#161B2D"},{token:"delimiter.bracket.json",foreground:"#7E39EC"},{token:"delimiter.parenthesis",foreground:"#7E39EC"}],colors:{"editor.foreground":"#AE2F2F","editor.background":"#EEF1F7","editorCursor.foreground":"#161B2D","editor.selectionBackground":"#5C8DEA2B","editorLineNumber.foreground":"#242C42","scrollbarSlider.background":"#242C42","scrollbarSlider.hoverBackground":"#242C42","scrollbarSlider.activeBackground":"#242C42"}}},c=({value:n,onChange:t,onValidateJSON:i,options:s,currentTheme:e,themesConfig:d=u})=>{function a(o){o?.editor?.defineTheme(e,d[e]),o.languages.json.jsonDefaults.setDiagnosticsOptions({validate:!0,enableSchemaRequest:!1,schemas:[{uri:"http://custom-schema/object-required.json",fileMatch:["*"],schema:{type:"object",description:"Top-level value must be an object",additionalProperties:!0}}]})}return r.jsxRuntimeExports.jsx(l.Editor,{beforeMount:a,height:"100%",defaultLanguage:"json",value:n,onChange:t,theme:e,onValidate:i,options:{minimap:{enabled:!1},formatOnType:!0,formatOnPaste:!0,selectOnLineNumbers:!1,automaticLayout:!0,scrollBeyondLastLine:!1,wordWrap:"on",smoothScrolling:!0,overviewRulerLanes:0,scrollbar:{horizontal:"hidden",verticalScrollbarSize:4,verticalSliderSize:4},...s??{}}})};exports.DialJsonEditor=c;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j as e, D as z, E as g, m as u } from "./index-
|
|
1
|
+
import { j as e, D as z, E as g, m as u } from "./index-BnqboA_3.js";
|
|
2
2
|
import { useMemo as r } from "react";
|
|
3
3
|
import h, { divider as i, group as p, heading1 as C, heading2 as E, heading3 as k, bold as L, italic as M, strikethrough as w, unorderedListCommand as b, orderedListCommand as N, quote as T, link as f, code as v, table as O, codeEdit as S, codeLive as _, codePreview as y, fullscreen as D } from "@uiw/react-md-editor";
|
|
4
4
|
import { IconTextSize as P, IconBold as A, IconItalic as R, IconStrikethrough as B, IconList as Z, IconListNumbers as q, IconQuote as F, IconLink as K, IconCode as Q, IconTable as W, IconPencil as G, IconLayoutColumns as H, IconEye as J, IconMaximize as U } from "@tabler/icons-react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CBaBO6e_.cjs"),x=require("react"),e=require("@uiw/react-md-editor"),t=require("@tabler/icons-react"),o=s.DIAL_ICON_SIZE.SM,i=(n,r)=>({...n,icon:r}),p=()=>[i(e.bold,s.jsxRuntimeExports.jsx(t.IconBold,{size:o})),i(e.italic,s.jsxRuntimeExports.jsx(t.IconItalic,{size:o})),i(e.strikethrough,s.jsxRuntimeExports.jsx(t.IconStrikethrough,{size:o})),e.divider,e.group([e.heading1,e.heading2,e.heading3],{name:"heading",groupName:"heading",icon:s.jsxRuntimeExports.jsx(t.IconTextSize,{size:o}),buttonProps:{"aria-label":"Text style",title:"Text style"}}),e.divider,i(e.unorderedListCommand,s.jsxRuntimeExports.jsx(t.IconList,{size:o})),i(e.orderedListCommand,s.jsxRuntimeExports.jsx(t.IconListNumbers,{size:o})),e.divider,i(e.quote,s.jsxRuntimeExports.jsx(t.IconQuote,{size:o})),i(e.link,s.jsxRuntimeExports.jsx(t.IconLink,{size:o})),i(e.code,s.jsxRuntimeExports.jsx(t.IconCode,{size:o})),e.divider,i(e.table,s.jsxRuntimeExports.jsx(t.IconTable,{size:o}))],I=()=>[i(e.codeEdit,s.jsxRuntimeExports.jsx(t.IconPencil,{size:o})),i(e.codeLive,s.jsxRuntimeExports.jsx(t.IconLayoutColumns,{size:o})),i(e.codePreview,s.jsxRuntimeExports.jsx(t.IconEye,{size:o})),e.divider,i(e.fullscreen,s.jsxRuntimeExports.jsx(t.IconMaximize,{size:o}))],R=({value:n,onChange:r,height:d=300,theme:c=s.EditorThemes.light,className:a,placeholder:m,defaultPreview:u="edit"})=>{const j=x.useMemo(()=>p(),[]),l=x.useMemo(()=>I(),[]);return s.jsxRuntimeExports.jsx("div",{"data-color-mode":c,className:s.mergeClasses("dial-kit-markdown-editor",a),children:s.jsxRuntimeExports.jsx(e,{value:n,onChange:E=>r?.(E||""),height:d,preview:u,commands:j,extraCommands:l,textareaProps:{placeholder:m}})})};exports.MarkdownEditor=R;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CBaBO6e_.cjs"),c=require("@uiw/react-md-editor"),x=({value:t,onChange:s,height:r=300,preview:i="edit",theme:n=e.EditorThemes.dark,className:a,placeholder:o})=>{const d=o!==void 0&&!t;return e.jsxRuntimeExports.jsxs("div",{"data-color-mode":n,className:e.mergeClasses("relative",a),children:[e.jsxRuntimeExports.jsx(c,{value:t,onChange:l=>s?.(l||""),height:r,preview:i}),d&&e.jsxRuntimeExports.jsx("div",{className:"pointer-events-none absolute left-0 top-8 px-2 dial-small-text text-secondary opacity-40",children:o})]})};exports.DialMarkdownEditor=x;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.14.0-dev.
|
|
3
|
-
"generatedAt": "2026-08-
|
|
2
|
+
"version": "0.14.0-dev.4",
|
|
3
|
+
"generatedAt": "2026-08-23T20:02:20.938Z",
|
|
4
4
|
"kit": {
|
|
5
5
|
"name": "@epam/ai-dial-ui-kit",
|
|
6
6
|
"description": "A modern UI kit for building AI DIAL interfaces with React",
|
|
@@ -1319,6 +1319,12 @@
|
|
|
1319
1319
|
"required": false,
|
|
1320
1320
|
"defaultValue": "ElementSize.Small",
|
|
1321
1321
|
"description": "The size of the label, which can be 'small', 'medium', or 'large'."
|
|
1322
|
+
},
|
|
1323
|
+
{
|
|
1324
|
+
"name": "containerClassName",
|
|
1325
|
+
"type": "string",
|
|
1326
|
+
"required": false,
|
|
1327
|
+
"description": "Additional classes for the wrapper holding the\n`<label>` and its info button. Needed when the label is a flex item that has\nto shrink: a wrapper left at `min-width: auto` cannot, so its text overflows\ninstead of truncating."
|
|
1322
1328
|
}
|
|
1323
1329
|
],
|
|
1324
1330
|
"examples": [
|
|
@@ -2167,6 +2173,269 @@
|
|
|
2167
2173
|
],
|
|
2168
2174
|
"sourceFile": "components/New/Radio/Radio.tsx"
|
|
2169
2175
|
},
|
|
2176
|
+
{
|
|
2177
|
+
"name": "RadioGroup",
|
|
2178
|
+
"category": "Components_2_0",
|
|
2179
|
+
"generation": "2.0",
|
|
2180
|
+
"description": "A set of mutually exclusive options with one group label.\naliases: SelectionGroup|OptionGroup|RadioList\nDesign system 2.0",
|
|
2181
|
+
"props": [
|
|
2182
|
+
{
|
|
2183
|
+
"name": "items",
|
|
2184
|
+
"type": "RadioGroupItem[]",
|
|
2185
|
+
"required": true,
|
|
2186
|
+
"description": "Options to render; each needs a unique `value` and may carry a `label`, `caption`, `content` and `disabled` flag"
|
|
2187
|
+
},
|
|
2188
|
+
{
|
|
2189
|
+
"name": "value",
|
|
2190
|
+
"type": "string",
|
|
2191
|
+
"required": false,
|
|
2192
|
+
"description": "The `value` of the selected option"
|
|
2193
|
+
},
|
|
2194
|
+
{
|
|
2195
|
+
"name": "onChange",
|
|
2196
|
+
"type": "(value: string) => void",
|
|
2197
|
+
"required": true,
|
|
2198
|
+
"description": "Callback fired with the newly selected `value`"
|
|
2199
|
+
},
|
|
2200
|
+
{
|
|
2201
|
+
"name": "name",
|
|
2202
|
+
"type": "string",
|
|
2203
|
+
"required": false,
|
|
2204
|
+
"description": "The `name` shared by the underlying radios; defaults to the group id"
|
|
2205
|
+
},
|
|
2206
|
+
{
|
|
2207
|
+
"name": "id",
|
|
2208
|
+
"type": "string",
|
|
2209
|
+
"required": false,
|
|
2210
|
+
"description": "Base id for the group; option ids are derived from it"
|
|
2211
|
+
},
|
|
2212
|
+
{
|
|
2213
|
+
"name": "orientation",
|
|
2214
|
+
"type": "RadioGroupOrientation",
|
|
2215
|
+
"required": false,
|
|
2216
|
+
"defaultValue": "RadioGroupOrientation.Column",
|
|
2217
|
+
"description": "Whether the options stack or sit in a row"
|
|
2218
|
+
},
|
|
2219
|
+
{
|
|
2220
|
+
"name": "labelProps",
|
|
2221
|
+
"type": "LabelProps",
|
|
2222
|
+
"required": false,
|
|
2223
|
+
"description": "Props of the rendered above the options"
|
|
2224
|
+
},
|
|
2225
|
+
{
|
|
2226
|
+
"name": "disabled",
|
|
2227
|
+
"type": "boolean",
|
|
2228
|
+
"required": false,
|
|
2229
|
+
"description": "Disables every option"
|
|
2230
|
+
},
|
|
2231
|
+
{
|
|
2232
|
+
"name": "error",
|
|
2233
|
+
"type": "string",
|
|
2234
|
+
"required": false,
|
|
2235
|
+
"description": "Error message rendered below the options"
|
|
2236
|
+
},
|
|
2237
|
+
{
|
|
2238
|
+
"name": "caption",
|
|
2239
|
+
"type": "string",
|
|
2240
|
+
"required": false,
|
|
2241
|
+
"description": "Helper text rendered below the options when there is no `error`"
|
|
2242
|
+
},
|
|
2243
|
+
{
|
|
2244
|
+
"name": "ariaLabel",
|
|
2245
|
+
"type": "string",
|
|
2246
|
+
"required": false,
|
|
2247
|
+
"description": "Names the group when there is no string `labelProps.label`"
|
|
2248
|
+
},
|
|
2249
|
+
{
|
|
2250
|
+
"name": "className",
|
|
2251
|
+
"type": "string",
|
|
2252
|
+
"required": false,
|
|
2253
|
+
"description": "Additional classes for the outer container"
|
|
2254
|
+
},
|
|
2255
|
+
{
|
|
2256
|
+
"name": "optionsClassName",
|
|
2257
|
+
"type": "string",
|
|
2258
|
+
"required": false,
|
|
2259
|
+
"description": "Additional classes for the options wrapper"
|
|
2260
|
+
},
|
|
2261
|
+
{
|
|
2262
|
+
"name": "radioClassName",
|
|
2263
|
+
"type": "string",
|
|
2264
|
+
"required": false,
|
|
2265
|
+
"description": "Additional classes for every option's control row"
|
|
2266
|
+
},
|
|
2267
|
+
{
|
|
2268
|
+
"name": "contentClassName",
|
|
2269
|
+
"type": "string",
|
|
2270
|
+
"required": false,
|
|
2271
|
+
"description": "Additional classes for the selected option's content"
|
|
2272
|
+
}
|
|
2273
|
+
],
|
|
2274
|
+
"examples": [
|
|
2275
|
+
"<RadioGroup\n labelProps={{ label: 'Delivery' }}\n value={delivery}\n onChange={setDelivery}\n items={[\n { value: 'pickup', label: 'Pickup', caption: 'Free, ready today' },\n { value: 'courier', label: 'Courier', content: <AddressForm /> },\n ]}\n/>"
|
|
2276
|
+
],
|
|
2277
|
+
"sourceFile": "components/New/RadioGroup/RadioGroup.tsx"
|
|
2278
|
+
},
|
|
2279
|
+
{
|
|
2280
|
+
"name": "RadioGroupPopupField",
|
|
2281
|
+
"category": "Components_2_0",
|
|
2282
|
+
"generation": "2.0",
|
|
2283
|
+
"description": "A field whose value is picked from a inside a .\naliases: PopupRadio|ChoicePopup|RadioPopupField\nDesign system 2.0",
|
|
2284
|
+
"props": [
|
|
2285
|
+
{
|
|
2286
|
+
"name": "items",
|
|
2287
|
+
"type": "RadioGroupItem[]",
|
|
2288
|
+
"required": true,
|
|
2289
|
+
"description": "Options offered inside the popup"
|
|
2290
|
+
},
|
|
2291
|
+
{
|
|
2292
|
+
"name": "value",
|
|
2293
|
+
"type": "string",
|
|
2294
|
+
"required": false,
|
|
2295
|
+
"description": "The committed value, shown in the collapsed field"
|
|
2296
|
+
},
|
|
2297
|
+
{
|
|
2298
|
+
"name": "customValue",
|
|
2299
|
+
"type": "string",
|
|
2300
|
+
"required": false,
|
|
2301
|
+
"description": "Text shown in the field in place of the selected option's label"
|
|
2302
|
+
},
|
|
2303
|
+
{
|
|
2304
|
+
"name": "header",
|
|
2305
|
+
"type": "ReactNode",
|
|
2306
|
+
"required": true,
|
|
2307
|
+
"description": "Title of the popup"
|
|
2308
|
+
},
|
|
2309
|
+
{
|
|
2310
|
+
"name": "onApply",
|
|
2311
|
+
"type": "(value?: string) => void",
|
|
2312
|
+
"required": true,
|
|
2313
|
+
"description": "Callback fired with the selected value when Apply is clicked"
|
|
2314
|
+
},
|
|
2315
|
+
{
|
|
2316
|
+
"name": "id",
|
|
2317
|
+
"type": "string",
|
|
2318
|
+
"required": false,
|
|
2319
|
+
"description": "Base id for the field; the label and the options derive theirs from it"
|
|
2320
|
+
},
|
|
2321
|
+
{
|
|
2322
|
+
"name": "labelProps",
|
|
2323
|
+
"type": "LabelProps",
|
|
2324
|
+
"required": false,
|
|
2325
|
+
"description": "Props of the rendered above the field"
|
|
2326
|
+
},
|
|
2327
|
+
{
|
|
2328
|
+
"name": "placeholder",
|
|
2329
|
+
"type": "string",
|
|
2330
|
+
"required": false,
|
|
2331
|
+
"description": "Text shown in the field while no value is selected"
|
|
2332
|
+
},
|
|
2333
|
+
{
|
|
2334
|
+
"name": "selectedValue",
|
|
2335
|
+
"type": "string",
|
|
2336
|
+
"required": false,
|
|
2337
|
+
"description": "Controlled draft selection inside the popup"
|
|
2338
|
+
},
|
|
2339
|
+
{
|
|
2340
|
+
"name": "onSelectionChange",
|
|
2341
|
+
"type": "(value: string) => void",
|
|
2342
|
+
"required": false,
|
|
2343
|
+
"description": "Callback fired when the draft selection changes"
|
|
2344
|
+
},
|
|
2345
|
+
{
|
|
2346
|
+
"name": "onCancel",
|
|
2347
|
+
"type": "() => void",
|
|
2348
|
+
"required": false,
|
|
2349
|
+
"description": "Callback fired when Cancel is clicked, before the popup closes"
|
|
2350
|
+
},
|
|
2351
|
+
{
|
|
2352
|
+
"name": "onClose",
|
|
2353
|
+
"type": "() => void",
|
|
2354
|
+
"required": false,
|
|
2355
|
+
"description": "Callback fired whenever the popup closes"
|
|
2356
|
+
},
|
|
2357
|
+
{
|
|
2358
|
+
"name": "isValid",
|
|
2359
|
+
"type": "boolean",
|
|
2360
|
+
"required": false,
|
|
2361
|
+
"defaultValue": "true",
|
|
2362
|
+
"description": "Whether Apply is enabled"
|
|
2363
|
+
},
|
|
2364
|
+
{
|
|
2365
|
+
"name": "applyButtonLabel",
|
|
2366
|
+
"type": "string",
|
|
2367
|
+
"required": false,
|
|
2368
|
+
"defaultValue": "defaultApplyLabel",
|
|
2369
|
+
"description": "Label of the Apply button"
|
|
2370
|
+
},
|
|
2371
|
+
{
|
|
2372
|
+
"name": "cancelButtonLabel",
|
|
2373
|
+
"type": "string",
|
|
2374
|
+
"required": false,
|
|
2375
|
+
"defaultValue": "defaultCancelLabel",
|
|
2376
|
+
"description": "Label of the Cancel button"
|
|
2377
|
+
},
|
|
2378
|
+
{
|
|
2379
|
+
"name": "size",
|
|
2380
|
+
"type": "PopupSize",
|
|
2381
|
+
"required": false,
|
|
2382
|
+
"defaultValue": "PopupSize.Md",
|
|
2383
|
+
"description": "Size of the popup"
|
|
2384
|
+
},
|
|
2385
|
+
{
|
|
2386
|
+
"name": "portalId",
|
|
2387
|
+
"type": "string",
|
|
2388
|
+
"required": false,
|
|
2389
|
+
"description": "Portal container id for the popup"
|
|
2390
|
+
},
|
|
2391
|
+
{
|
|
2392
|
+
"name": "disabled",
|
|
2393
|
+
"type": "boolean",
|
|
2394
|
+
"required": false,
|
|
2395
|
+
"description": "Disables the field, so the popup cannot be opened"
|
|
2396
|
+
},
|
|
2397
|
+
{
|
|
2398
|
+
"name": "invalid",
|
|
2399
|
+
"type": "boolean",
|
|
2400
|
+
"required": false,
|
|
2401
|
+
"description": "Paints the field with the error border"
|
|
2402
|
+
},
|
|
2403
|
+
{
|
|
2404
|
+
"name": "error",
|
|
2405
|
+
"type": "string",
|
|
2406
|
+
"required": false,
|
|
2407
|
+
"description": "Error message rendered below the field"
|
|
2408
|
+
},
|
|
2409
|
+
{
|
|
2410
|
+
"name": "caption",
|
|
2411
|
+
"type": "string",
|
|
2412
|
+
"required": false,
|
|
2413
|
+
"description": "Helper text rendered below the field when there is no `error`"
|
|
2414
|
+
},
|
|
2415
|
+
{
|
|
2416
|
+
"name": "ariaLabel",
|
|
2417
|
+
"type": "string",
|
|
2418
|
+
"required": false,
|
|
2419
|
+
"description": "Names the field when there is no string `labelProps.label`"
|
|
2420
|
+
},
|
|
2421
|
+
{
|
|
2422
|
+
"name": "className",
|
|
2423
|
+
"type": "string",
|
|
2424
|
+
"required": false,
|
|
2425
|
+
"description": "Additional classes for the outer container"
|
|
2426
|
+
},
|
|
2427
|
+
{
|
|
2428
|
+
"name": "fieldClassName",
|
|
2429
|
+
"type": "string",
|
|
2430
|
+
"required": false,
|
|
2431
|
+
"description": "Additional classes for the collapsed field"
|
|
2432
|
+
}
|
|
2433
|
+
],
|
|
2434
|
+
"examples": [
|
|
2435
|
+
"<RadioGroupPopupField\n labelProps={{ label: 'Status' }}\n header=\"Select status\"\n placeholder=\"None\"\n items={[\n { value: 'draft', label: 'Draft' },\n { value: 'published', label: 'Published' },\n ]}\n value={status}\n onApply={(next) => setStatus(next)}\n/>"
|
|
2436
|
+
],
|
|
2437
|
+
"sourceFile": "components/New/RadioGroupPopupField/RadioGroupPopupField.tsx"
|
|
2438
|
+
},
|
|
2170
2439
|
{
|
|
2171
2440
|
"name": "Checkbox",
|
|
2172
2441
|
"category": "Components_2_0",
|
|
@@ -3818,7 +4087,8 @@
|
|
|
3818
4087
|
"examples": [
|
|
3819
4088
|
"<DialRadioGroup\n fieldTitle=\"Delivery\"\n elementId=\"delivery\"\n orientation={RadioGroupOrientation.Column}\n activeRadioButton=\"courier\"\n radioButtons={[\n { id: 'pickup', name: 'Pickup', content: <span>Free, ready today</span> },\n { id: 'courier', name: 'Courier', content: <span>Arrives tomorrow</span> },\n ]}\n onChange={(id) => console.log('selected', id)}\n/>"
|
|
3820
4089
|
],
|
|
3821
|
-
"sourceFile": "components/RadioGroup/RadioGroup.tsx"
|
|
4090
|
+
"sourceFile": "components/RadioGroup/RadioGroup.tsx",
|
|
4091
|
+
"supersededBy": "RadioGroup"
|
|
3822
4092
|
},
|
|
3823
4093
|
{
|
|
3824
4094
|
"name": "DialSlider",
|
|
@@ -5817,7 +6087,8 @@
|
|
|
5817
6087
|
"examples": [
|
|
5818
6088
|
"<DialRadioGroupPopupField\n fieldTitle=\"Status\"\n htmlFor=\"status\"\n header=\"Select status\"\n emptyValueText=\"None\"\n radioButtons={[\n { id: 'draft', name: 'Draft' },\n { id: 'review', name: 'In Review' },\n { id: 'published', name: 'Published' },\n ]}\n selectedValue=\"draft\"\n selectedRadioValue=\"draft\"\n onChangeRadioField={(id) => console.log('radio changed', id)}\n id=\"status-group\"\n isValid={true}\n onApply={() => console.log('applied')}\n/>"
|
|
5819
6089
|
],
|
|
5820
|
-
"sourceFile": "components/RadioGroupPopupField/RadioGroupPopupField.tsx"
|
|
6090
|
+
"sourceFile": "components/RadioGroupPopupField/RadioGroupPopupField.tsx",
|
|
6091
|
+
"supersededBy": "RadioGroupPopupField"
|
|
5821
6092
|
},
|
|
5822
6093
|
{
|
|
5823
6094
|
"name": "DialFormPopup",
|
|
@@ -9113,6 +9384,37 @@
|
|
|
9113
9384
|
"sourceFile": "components/New/Calendar/Calendar.tsx",
|
|
9114
9385
|
"typeBody": "Date | string | null"
|
|
9115
9386
|
},
|
|
9387
|
+
{
|
|
9388
|
+
"name": "RadioGroupItem",
|
|
9389
|
+
"kind": "interface",
|
|
9390
|
+
"members": [
|
|
9391
|
+
{
|
|
9392
|
+
"name": "value",
|
|
9393
|
+
"value": "string"
|
|
9394
|
+
},
|
|
9395
|
+
{
|
|
9396
|
+
"name": "label?",
|
|
9397
|
+
"value": "ReactNode"
|
|
9398
|
+
},
|
|
9399
|
+
{
|
|
9400
|
+
"name": "caption?",
|
|
9401
|
+
"value": "string"
|
|
9402
|
+
},
|
|
9403
|
+
{
|
|
9404
|
+
"name": "content?",
|
|
9405
|
+
"value": "ReactNode"
|
|
9406
|
+
},
|
|
9407
|
+
{
|
|
9408
|
+
"name": "disabled?",
|
|
9409
|
+
"value": "boolean"
|
|
9410
|
+
},
|
|
9411
|
+
{
|
|
9412
|
+
"name": "'aria-label'?",
|
|
9413
|
+
"value": "string"
|
|
9414
|
+
}
|
|
9415
|
+
],
|
|
9416
|
+
"sourceFile": "components/New/RadioGroup/RadioGroup.tsx"
|
|
9417
|
+
},
|
|
9116
9418
|
{
|
|
9117
9419
|
"name": "SegmentedControlItem",
|
|
9118
9420
|
"kind": "interface",
|
package/dist/dial-ui-kit.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CBaBO6e_.cjs");exports.Accordion=a.Accordion;exports.AnalyticsCardVariant=a.AnalyticsCardVariant;exports.BASE_ICON_PROPS=a.BASE_ICON_PROPS;exports.BASE_ICON_SIZE=a.BASE_ICON_SIZE;exports.Button=a.Button;exports.ButtonAppearance=a.ButtonAppearance;exports.ButtonDropdown=a.ButtonDropdown;exports.ButtonVariant=a.ButtonVariant;exports.Calendar=a.Calendar;exports.CalendarMode=a.CalendarMode;exports.CaptionText=a.CaptionText;exports.CardShell=a.CardShell;exports.Checkbox=a.Checkbox;exports.CloseButton=a.CloseButton;exports.ConfirmationPopup=a.ConfirmationPopup;exports.ConfirmationPopupVariant=a.ConfirmationPopupVariant;exports.DEFAULT_ANALYTICS_BAR_COLOR_MAP=a.DEFAULT_ANALYTICS_BAR_COLOR_MAP;exports.DEFAULT_GRID_DATE_FORMAT_OPTIONS=a.DEFAULT_DATE_FORMAT_OPTIONS;exports.DEFAULT_GRID_DATE_LOCALE=a.DEFAULT_LOCALE;exports.DIAL_ICON_SIZE=a.DIAL_ICON_SIZE;exports.DangerButton=a.DangerButton;exports.DangerIconButton=a.DangerIconButton;exports.DialAccordion=a.DialAccordion;exports.DialAnalyticsBar=a.DialAnalyticsBar;exports.DialAnalyticsBarGroup=a.DialAnalyticsBarGroup;exports.DialAnalyticsCard=a.DialAnalyticsCard;exports.DialAnalyticsErrorTag=a.DialAnalyticsErrorTag;exports.DialAnalyticsHistogram=a.DialAnalyticsHistogram;exports.DialAutocompleteInputValue=a.DialAutocompleteInputValue;exports.DialBreadcrumb=a.DialBreadcrumb;exports.DialBreadcrumbItem=a.DialBreadcrumbItem;exports.DialButton=a.DialButton;exports.DialButtonDropdown=a.DialButtonDropdown;exports.DialCaptionText=a.DialCaptionText;exports.DialCheckbox=a.DialCheckbox;exports.DialCloseButton=a.DialCloseButton;exports.DialCollapsibleSidebar=a.DialCollapsibleSidebar;exports.DialConditionalResizableContainer=a.DialConditionalResizableContainer;exports.DialConfirmationPopup=a.DialConfirmationPopup;exports.DialDangerButton=a.DialDangerButton;exports.DialDangerIconButton=a.DialDangerIconButton;exports.DialDateCellRenderer=a.DialDateCellRenderer;exports.DialDestinationFolderPopup=a.DialDestinationFolderPopup;exports.DialDraggableItem=a.DialDraggableItem;exports.DialDropdown=a.DialDropdown;exports.DialDropdownIcon=a.DialDropdownIcon;exports.DialEllipsisTooltip=a.DialEllipsisTooltip;exports.DialErrorText=a.DialErrorText;exports.DialFileIcon=a.DialFileIcon;exports.DialFileManager=a.DialFileManager;exports.DialFileManagerActions=a.DialFileManagerActions;exports.DialFileManagerTabs=a.DialFileManagerTabs;exports.DialFileName=a.DialFileName;exports.DialFileNodeType=a.DialFileNodeType;exports.DialFilePermission=a.DialFilePermission;exports.DialFileResourceType=a.DialFileResourceType;exports.DialFolderName=a.DialFolderName;exports.DialFoldersTree=a.DialFoldersTree;exports.DialFormItem=a.DialFormItem;exports.DialFormPopup=a.DialFormPopup;exports.DialGhostButton=a.DialGhostButton;exports.DialGhostIconButton=a.DialGhostIconButton;exports.DialGrid=a.DialGrid;exports.DialIcon=a.DialIcon;exports.DialIconButton=a.DialIconButton;exports.DialInput=a.DialInput;exports.DialInputPopup=a.DialInputPopup;exports.DialItemType=a.DialItemType;exports.DialLabel=a.DialLabel;exports.DialLabelledText=a.DialLabelledText;exports.DialLinkButton=a.DialLinkButton;exports.DialLoadFileArea=a.DialLoadFileArea;exports.DialLoadFileAreaField=a.DialLoadFileAreaField;exports.DialLoader=a.DialLoader;exports.DialNeutralButton=a.DialNeutralButton;exports.DialNeutralIconButton=a.DialNeutralIconButton;exports.DialNoDataContent=a.DialNoDataContent;exports.DialNotification=a.DialNotification;exports.DialNumberInput=a.DialNumberInput;exports.DialPagination=a.DialPagination;exports.DialPasswordInput=a.DialPasswordInput;exports.DialPopup=a.DialPopup;exports.DialPrimaryButton=a.DialPrimaryButton;exports.DialPrimaryIconButton=a.DialPrimaryIconButton;exports.DialRadioButton=a.DialRadioButton;exports.DialRadioGroup=a.DialRadioGroup;exports.DialRadioGroupPopupField=a.DialRadioGroupPopupField;exports.DialRemoveButton=a.DialRemoveButton;exports.DialResizableContainer=a.DialResizableContainer;exports.DialSchemaRenderer=a.DialSchemaRenderer;exports.DialSearch=a.DialSearch;exports.DialSecondaryIconButton=a.DialSecondaryIconButton;exports.DialSegmentedControl=a.DialSegmentedControl;exports.DialSelect=a.DialSelect;exports.DialSelectField=a.DialSelectField;exports.DialSharedEntityIndicator=a.DialSharedEntityIndicator;exports.DialSlider=a.DialSlider;exports.DialSteps=a.DialSteps;exports.DialSuccessIconButton=a.DialSuccessIconButton;exports.DialSwitch=a.DialSwitch;exports.DialTabs=a.DialTabs;exports.DialTag=a.DialTag;exports.DialTagInput=a.DialTagInput;exports.DialTertiaryIconButton=a.DialTertiaryIconButton;exports.DialTextarea=a.DialTextarea;exports.DialTooltip=a.DialTooltip;exports.DialTooltipContainer=a.DialTooltipContainer;exports.DialTooltipContent=a.DialTooltipContent;exports.DialTooltipTrigger=a.DialTooltipTrigger;exports.Dropdown=a.Dropdown;exports.DropdownItemType=a.DropdownItemType;exports.DropdownTrigger=a.DropdownTrigger;exports.DropdownType=a.DropdownType;exports.EDITABLE_CONTAINER_ATTRIBUTE=a.EDITABLE_CONTAINER_ATTRIBUTE;exports.EditorThemes=a.EditorThemes;exports.ElementSize=a.ElementSize;exports.EllipsisTooltip=a.EllipsisTooltip;exports.ErrorMessageNotification=a.ErrorMessageNotification;exports.ErrorText=a.ErrorText;exports.ErrorToastNotification=a.ErrorToastNotification;exports.FabButton=a.FabButton;exports.FileDropzone=a.FileDropzone;exports.FileManagerColumnKey=a.FileManagerColumnKey;exports.FileManagerProvider=a.FileManagerProvider;exports.FlexibleActionsDirection=a.FlexibleActionsDirection;exports.FolderPath=a.FolderPath;exports.FormItemOrientation=a.FormItemOrientation;exports.GeneralMessageNotification=a.GeneralMessageNotification;exports.GeneralToastNotification=a.GeneralToastNotification;exports.GhostButton=a.GhostButton;exports.GhostIconButton=a.GhostIconButton;exports.GridSelectionMode=a.GridSelectionMode;exports.Highlight=a.Highlight;exports.IconButton=a.IconButton;exports.InfoButton=a.InfoButton;exports.InfoMessageNotification=a.InfoMessageNotification;exports.InfoToastNotification=a.InfoToastNotification;exports.InlineSelect=a.InlineSelect;exports.InlineSelectTrigger=a.InlineSelectTrigger;exports.Input=a.Input;exports.JsonSchemaType=a.JsonSchemaType;exports.Label=a.Label;exports.LazyDialJsonEditor=a.LazyDialJsonEditor;exports.LazyDialMarkdownEditor=a.LazyDialMarkdownEditor;exports.LazyMarkdownEditor=a.LazyMarkdownEditor;exports.LinkButton=a.LinkButton;exports.LoadingMessageNotification=a.LoadingMessageNotification;exports.LoadingToastNotification=a.LoadingToastNotification;exports.MultiSelectTags=a.MultiSelectTags;exports.NAME_COLUMN=a.NAME_COLUMN;exports.NOT_ALLOWED_SPACES=a.NOT_ALLOWED_SPACES;exports.NOT_ALLOWED_SPACES_REGEXP=a.NOT_ALLOWED_SPACES_REGEXP;exports.NOT_ALLOWED_SYMBOLS=a.NOT_ALLOWED_SYMBOLS;exports.NOT_ALLOWED_SYMBOLS_REGEXP=a.NOT_ALLOWED_SYMBOLS_REGEXP;exports.NeutralButton=a.NeutralButton;exports.NeutralIconButton=a.NeutralIconButton;exports.Notification=a.Notification;exports.NotificationType=a.NotificationType;exports.NotificationVariant=a.NotificationVariant;exports.NumberInput=a.NumberInput;exports.OutlinedButton=a.OutlinedButton;exports.PasswordInput=a.PasswordInput;exports.Popup=a.Popup;exports.PopupSize=a.PopupSize;exports.PrimaryButton=a.PrimaryButton;exports.PrimaryIconButton=a.PrimaryIconButton;exports.ProgressBar=a.ProgressBar;exports.Radio=a.Radio;exports.RadioGroup=a.RadioGroup;exports.RadioGroupOrientation=a.RadioGroupOrientation;exports.RadioGroupPopupField=a.RadioGroupPopupField;exports.ResizableContainerSide=a.ResizableContainerSide;exports.SIZE_COLUMN=a.SIZE_COLUMN;exports.SchemaDisplayMode=a.SchemaDisplayMode;exports.SchemaOrientation=a.SchemaOrientation;exports.SchemaRendererVariant=a.SchemaRendererVariant;exports.ScreenResolution=a.ScreenResolution;exports.Search=a.Search;exports.SegmentedControl=a.SegmentedControl;exports.Select=a.Select;exports.SelectSize=a.SelectSize;exports.SelectVariant=a.SelectVariant;exports.Skeleton=a.Skeleton;exports.SkeletonAvatarShape=a.SkeletonAvatarShape;exports.SkeletonAvatarSize=a.SkeletonAvatarSize;exports.SkeletonVariant=a.SkeletonVariant;exports.Spinner=a.Spinner;exports.StaticIconButton=a.StaticIconButton;exports.StepStatus=a.StepStatus;exports.SuccessMessageNotification=a.SuccessMessageNotification;exports.SuccessToastNotification=a.SuccessToastNotification;exports.Switch=a.Switch;exports.TabOrientation=a.TabOrientation;exports.TabView=a.TabView;exports.Tabs=a.Tabs;exports.Tag=a.Tag;exports.TagInput=a.TagInput;exports.Textarea=a.Textarea;exports.ToggleIconButton=a.ToggleIconButton;exports.Tooltip=a.Tooltip;exports.TooltipContainer=a.TooltipContainer;exports.TooltipContent=a.TooltipContent;exports.TooltipPlacement=a.TooltipPlacement;exports.TooltipTrigger=a.TooltipTrigger;exports.UPDATED_AT_COLUMN=a.UPDATED_AT_COLUMN;exports.WarningMessageNotification=a.WarningMessageNotification;exports.WarningToastNotification=a.WarningToastNotification;exports.convertGridDateToDate=a.convertToDate;exports.editableContainerProps=a.editableContainerProps;exports.matchesAccept=a.matchesAccept;exports.mergeClasses=a.mergeClasses;exports.useDialFileManagerTabs=a.useDialFileManagerTabs;exports.useEditableItem=a.useEditableItem;exports.useFileManagerContext=a.useFileManagerContext;exports.wrapInRootFolder=a.wrapInRootFolder;
|