@iress-oss/ids-components 6.0.0-beta.3 → 6.0.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.ai/components/popover.md +23 -0
- package/.ai/components/provider.md +2 -1
- package/.ai/skills/figma-to-ids.md +134 -60
- package/.ai/skills/ui-doctor.md +1 -1
- package/.ai/skills/ui-translation.md +96 -70
- package/dist/Provider-DvnuqPfQ.js +58 -0
- package/dist/{Shadow-DdGxqWgh.js → Shadow-C-AJ5pf_.js} +23 -22
- package/dist/components/Field/FieldGroup/FieldGroup.d.ts +1 -1
- package/dist/components/Field/FieldGroup/FieldGroup.js +12 -11
- package/dist/components/Field/FieldGroup/FieldGroup.styles.d.ts +12 -0
- package/dist/components/Field/FieldGroup/FieldGroup.styles.js +7 -3
- package/dist/components/Icon/helpers/getMaterialSymbolsList.js +1 -1
- package/dist/components/Popover/PopoverProvider.d.ts +15 -0
- package/dist/components/Popover/PopoverProvider.js +14 -0
- package/dist/components/Popover/components/PopoverContent.js +25 -24
- package/dist/components/Popover/hooks/usePopoverContainer.d.ts +17 -0
- package/dist/components/Popover/hooks/usePopoverContainer.js +5 -0
- package/dist/components/Popover/index.d.ts +4 -0
- package/dist/components/Popover/index.js +7 -5
- package/dist/components/Provider/Provider.d.ts +16 -2
- package/dist/components/Provider/Provider.js +1 -1
- package/dist/components/Provider/index.js +1 -1
- package/dist/index.d-pXVOif1T.js +4 -0
- package/dist/main.js +132 -130
- package/dist/patterns/ContextualMenu/ContextualMenu.d.ts +1 -1
- package/dist/patterns/ContextualMenu/ContextualMenu.js +22 -21
- package/dist/patterns/Shadow/Shadow.d.ts +1 -1
- package/dist/patterns/Shadow/Shadow.js +1 -1
- package/dist/patterns/Shadow/index.js +1 -1
- package/package.json +12 -12
- package/dist/Provider-CQ9D7IoC.js +0 -54
- package/dist/index.d-BJM5_ZcV.js +0 -4
package/dist/main.js
CHANGED
|
@@ -20,133 +20,135 @@ import { buttonGroup as P } from "./components/ButtonGroup/ButtonGroup.styles.js
|
|
|
20
20
|
import { IressButtonGroup as F } from "./components/ButtonGroup/ButtonGroup.js";
|
|
21
21
|
import { useButtonGroupItem as I } from "./components/ButtonGroup/hooks/useButtonGroupItem.js";
|
|
22
22
|
import { usePopover as L } from "./components/Popover/hooks/usePopover.js";
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import {
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
108
|
-
import {
|
|
109
|
-
import {
|
|
110
|
-
import {
|
|
111
|
-
import {
|
|
112
|
-
import {
|
|
113
|
-
import {
|
|
114
|
-
import {
|
|
115
|
-
import {
|
|
116
|
-
import {
|
|
117
|
-
import {
|
|
118
|
-
import {
|
|
119
|
-
import {
|
|
120
|
-
import {
|
|
121
|
-
import {
|
|
122
|
-
import {
|
|
123
|
-
import {
|
|
124
|
-
import {
|
|
125
|
-
import {
|
|
126
|
-
import {
|
|
127
|
-
import {
|
|
128
|
-
import {
|
|
129
|
-
import {
|
|
130
|
-
import {
|
|
131
|
-
import {
|
|
132
|
-
import {
|
|
133
|
-
import {
|
|
134
|
-
import {
|
|
135
|
-
import {
|
|
136
|
-
import {
|
|
137
|
-
import {
|
|
138
|
-
import {
|
|
139
|
-
import {
|
|
140
|
-
import {
|
|
141
|
-
import {
|
|
142
|
-
import {
|
|
143
|
-
import {
|
|
144
|
-
import {
|
|
145
|
-
import {
|
|
146
|
-
import {
|
|
147
|
-
import {
|
|
148
|
-
import {
|
|
149
|
-
import {
|
|
150
|
-
import {
|
|
151
|
-
import {
|
|
152
|
-
|
|
23
|
+
import { PopoverContainerContext as R, usePopoverContainer as z } from "./components/Popover/hooks/usePopoverContainer.js";
|
|
24
|
+
import { popover as B } from "./components/Popover/Popover.styles.js";
|
|
25
|
+
import { IressPopover as V } from "./components/Popover/Popover.js";
|
|
26
|
+
import { IressInputPopover as H } from "./components/Popover/InputPopover/InputPopover.js";
|
|
27
|
+
import { IressPopoverProvider as U } from "./components/Popover/PopoverProvider.js";
|
|
28
|
+
import { usePopoverItem as W } from "./components/Popover/hooks/usePopoverItem.js";
|
|
29
|
+
import { tooltip as G } from "./components/Tooltip/Tooltip.styles.js";
|
|
30
|
+
import { IressTooltip as K } from "./components/Tooltip/Tooltip.js";
|
|
31
|
+
import { IressCloseButton as q } from "./components/Button/CloseButton/CloseButton.js";
|
|
32
|
+
import { IressAlert as J } from "./components/Alert/Alert.js";
|
|
33
|
+
import { autoComplete as Y } from "./components/Autocomplete/Autocomplete.styles.js";
|
|
34
|
+
import { readonly as X } from "./components/Readonly/Readonly.styles.js";
|
|
35
|
+
import { IressReadonly as Z } from "./components/Readonly/Readonly.js";
|
|
36
|
+
import { input as Q } from "./components/Input/Input.styles.js";
|
|
37
|
+
import { IressInput as $ } from "./components/Input/Input.js";
|
|
38
|
+
import { t as ee } from "./useAutocompleteSearch-BJ_hhoKp.js";
|
|
39
|
+
import { card as te } from "./components/Card/Card.styles.js";
|
|
40
|
+
import { IressButtonCard as ne, IressCard as re, IressLinkCard as ie } from "./components/Card/Card.js";
|
|
41
|
+
import { IressPanel as ae } from "./components/Panel/Panel.js";
|
|
42
|
+
import { select as oe } from "./components/Select/Select.styles.js";
|
|
43
|
+
import { IressSelectLabel as se } from "./components/Select/SelectLabel/SelectLabel.js";
|
|
44
|
+
import { tag as ce } from "./components/Tag/Tag.styles.js";
|
|
45
|
+
import { IressTag as le } from "./components/Tag/Tag.js";
|
|
46
|
+
import { inline as ue } from "./components/Inline/Inline.styles.js";
|
|
47
|
+
import { IressInline as de } from "./components/Inline/Inline.js";
|
|
48
|
+
import { IressTagInput as fe } from "./components/Tag/TagInput/TagInput.js";
|
|
49
|
+
import { menu as pe } from "./components/Menu/Menu.styles.js";
|
|
50
|
+
import { IressMenu as me } from "./components/Menu/Menu.js";
|
|
51
|
+
import { menuItem as he } from "./components/Menu/MenuItem/MenuItem.styles.js";
|
|
52
|
+
import { menuGroup as ge } from "./components/Menu/MenuGroup/MenuGroup.styles.js";
|
|
53
|
+
import { divider as _e } from "./components/Divider/Divider.styles.js";
|
|
54
|
+
import { IressDivider as ve } from "./components/Divider/Divider.js";
|
|
55
|
+
import { IressMenuDivider as ye } from "./components/Menu/MenuDivider/MenuDivider.js";
|
|
56
|
+
import { IressMenuHeading as be, IressMenuText as xe } from "./components/Menu/MenuText/MenuText.js";
|
|
57
|
+
import { radioMark as Se } from "./components/RadioMark/RadioMark.styles.js";
|
|
58
|
+
import { IressRadioMark as Ce } from "./components/RadioMark/RadioMark.js";
|
|
59
|
+
import { IressMenuItem as we } from "./components/Menu/MenuItem/MenuItem.js";
|
|
60
|
+
import { IressMenuGroup as Te } from "./components/Menu/MenuGroup/MenuGroup.js";
|
|
61
|
+
import { IressSelectTags as Ee } from "./components/Select/SelectTags/SelectTags.js";
|
|
62
|
+
import { IressSelectSearch as De } from "./components/Select/SelectSearch/SelectSearch.js";
|
|
63
|
+
import { IressSelectHeading as Oe } from "./components/Select/SelectHeading/SelectHeading.js";
|
|
64
|
+
import { IressSelectMenu as ke } from "./components/Select/SelectMenu/SelectMenu.js";
|
|
65
|
+
import { IressSelectSearchInput as Ae } from "./components/Select/SelectSearchInput/SelectSearchInput.js";
|
|
66
|
+
import { nativeSelect as je } from "./components/Select/components/NativeSelect.styles.js";
|
|
67
|
+
import { n as Me, t as Ne } from "./Autocomplete-CuUjmIAw.js";
|
|
68
|
+
import { IressSelectBody as Pe } from "./components/Select/SelectBody/SelectBody.js";
|
|
69
|
+
import { IressSelectCreate as Fe } from "./components/Select/SelectCreate/SelectCreate.js";
|
|
70
|
+
import { checkbox as Ie } from "./components/Checkbox/Checkbox.styles.js";
|
|
71
|
+
import { checkboxGroup as Le } from "./components/CheckboxGroup/CheckboxGroup.styles.js";
|
|
72
|
+
import { CheckboxGroupContext as Re, IressCheckboxGroup as ze, getCheckboxGroupContext as Be } from "./components/CheckboxGroup/CheckboxGroup.js";
|
|
73
|
+
import { IressCheckbox as Ve } from "./components/Checkbox/Checkbox.js";
|
|
74
|
+
import { col as He } from "./components/Col/Col.styles.js";
|
|
75
|
+
import { IressCol as Ue } from "./components/Col/Col.js";
|
|
76
|
+
import { container as We } from "./components/Container/Container.styles.js";
|
|
77
|
+
import { IressContainer as Ge } from "./components/Container/Container.js";
|
|
78
|
+
import { expander as Ke } from "./components/Expander/Expander.styles.js";
|
|
79
|
+
import { IressExpander as qe } from "./components/Expander/Expander.js";
|
|
80
|
+
import { label as Je } from "./components/Label/Label.styles.js";
|
|
81
|
+
import { IressLabel as Ye } from "./components/Label/Label.js";
|
|
82
|
+
import { field as Xe } from "./components/Field/Field.styles.js";
|
|
83
|
+
import { IressValidationMessage as Ze } from "./components/ValidationMessage/ValidationMessage.js";
|
|
84
|
+
import { IressValidationLink as Qe } from "./components/ValidationMessage/ValidationLink/ValidationLink.js";
|
|
85
|
+
import { IressValidationSummary as $e } from "./components/ValidationMessage/ValidationSummary/ValidationSummary.js";
|
|
86
|
+
import { IressField as et } from "./components/Field/Field.js";
|
|
87
|
+
import { fieldGroup as tt } from "./components/Field/FieldGroup/FieldGroup.styles.js";
|
|
88
|
+
import { IressFieldGroup as nt } from "./components/Field/FieldGroup/FieldGroup.js";
|
|
89
|
+
import { IressHide as rt } from "./components/Hide/Hide.js";
|
|
90
|
+
import { image as it } from "./components/Image/Image.styles.js";
|
|
91
|
+
import { IressImage as at } from "./components/Image/Image.js";
|
|
92
|
+
import { IressInputCurrency as ot } from "./components/InputCurrency/InputCurrency.js";
|
|
93
|
+
import { link as st } from "./components/Link/Link.styles.js";
|
|
94
|
+
import { IressLink as ct } from "./components/Link/Link.js";
|
|
95
|
+
import { modal as lt } from "./components/Modal/Modal.styles.js";
|
|
96
|
+
import { ModalContext as ut, useModal as dt } from "./components/Modal/hooks/useModal.js";
|
|
97
|
+
import { IressModal as ft } from "./components/Modal/Modal.js";
|
|
98
|
+
import { IressModalProvider as pt } from "./components/Modal/ModalProvider.js";
|
|
99
|
+
import { pill as mt } from "./components/Pill/Pill.styles.js";
|
|
100
|
+
import { IressPill as ht } from "./components/Pill/Pill.js";
|
|
101
|
+
import { placeholder as gt } from "./components/Placeholder/Placeholder.styles.js";
|
|
102
|
+
import { IressPlaceholder as _t } from "./components/Placeholder/Placeholder.js";
|
|
103
|
+
import { progress as vt } from "./components/Progress/Progress.styles.js";
|
|
104
|
+
import { IressProgress as yt } from "./components/Progress/Progress.js";
|
|
105
|
+
import { stack as bt } from "./components/Stack/Stack.styles.js";
|
|
106
|
+
import { IressStack as xt } from "./components/Stack/Stack.js";
|
|
107
|
+
import { toaster as St } from "./components/Toaster/Toaster.styles.js";
|
|
108
|
+
import { ToasterContext as Ct, useToaster as wt } from "./components/Toaster/hooks/useToaster.js";
|
|
109
|
+
import { toast as Tt } from "./components/Toaster/components/Toast/Toast.styles.js";
|
|
110
|
+
import { IressToasterProvider as Et } from "./components/Toaster/ToasterProvider.js";
|
|
111
|
+
import { t as Dt } from "./Slideout-BHpB44El.js";
|
|
112
|
+
import { slideout as Ot } from "./components/Slideout/Slideout.styles.js";
|
|
113
|
+
import { SlideoutContext as kt, useSlideout as At } from "./components/Slideout/hooks/useSlideout.js";
|
|
114
|
+
import { IressSlideoutProvider as jt } from "./components/Slideout/SlideoutProvider.js";
|
|
115
|
+
import { t as Mt } from "./Provider-DvnuqPfQ.js";
|
|
116
|
+
import { radio as Nt } from "./components/Radio/Radio.styles.js";
|
|
117
|
+
import { radioGroup as Pt } from "./components/RadioGroup/RadioGroup.styles.js";
|
|
118
|
+
import { IressRadioGroup as Ft, RadioGroupContext as It, getRadioGroupContext as Lt } from "./components/RadioGroup/RadioGroup.js";
|
|
119
|
+
import { IressRadio as Rt } from "./components/Radio/Radio.js";
|
|
120
|
+
import { row as zt } from "./components/Row/Row.styles.js";
|
|
121
|
+
import { IressRow as Bt } from "./components/Row/Row.js";
|
|
122
|
+
import { skeleton as Vt } from "./components/Skeleton/Skeleton.styles.js";
|
|
123
|
+
import { IressSkeleton as Ht } from "./components/Skeleton/Skeleton.js";
|
|
124
|
+
import { skipLink as Ut } from "./components/SkipLink/SkipLink.styles.js";
|
|
125
|
+
import { IressSkipLink as Wt } from "./components/SkipLink/SkipLink.js";
|
|
126
|
+
import { slider as Gt } from "./components/Slider/Slider.styles.js";
|
|
127
|
+
import { IressSlider as Kt } from "./components/Slider/Slider.js";
|
|
128
|
+
import { IressStyled as qt } from "./components/Styled/Styled.js";
|
|
129
|
+
import { IressTableFormattedValue as Jt } from "./components/Table/TableFormattedValue/TableFormattedValue.js";
|
|
130
|
+
import { useTable as Yt } from "./components/Table/hooks/useTable.js";
|
|
131
|
+
import { tabSet as Xt } from "./components/TabSet/TabSet.styles.js";
|
|
132
|
+
import { IressTabSet as Zt } from "./components/TabSet/TabSet.js";
|
|
133
|
+
import { tab as Qt } from "./components/TabSet/Tab/Tab.styles.js";
|
|
134
|
+
import { IressTab as $t } from "./components/TabSet/Tab/Tab.js";
|
|
135
|
+
import { toggle as en } from "./components/Toggle/Toggle.styles.js";
|
|
136
|
+
import { IressToggle as tn } from "./components/Toggle/Toggle.js";
|
|
137
|
+
import { breadcrumbs as nn } from "./patterns/Breadcrumbs/Breadcrumbs.styles.js";
|
|
138
|
+
import { IressBreadcrumbs as rn } from "./patterns/Breadcrumbs/Breadcrumbs.js";
|
|
139
|
+
import { dropdownMenu as an } from "./patterns/DropdownMenu/DropdownMenu.styles.js";
|
|
140
|
+
import { IressDropdownMenu as on } from "./patterns/DropdownMenu/DropdownMenu.js";
|
|
141
|
+
import { IressFormValidationSummary as sn } from "./patterns/Form/FormValidationSummary/FormValidationSummary.js";
|
|
142
|
+
import { IressHookForm as cn } from "./patterns/Form/HookForm/HookForm.js";
|
|
143
|
+
import { IressForm as ln } from "./patterns/Form/Form.js";
|
|
144
|
+
import { IressFormField as un } from "./patterns/Form/FormField/FormField.js";
|
|
145
|
+
import { IressFormFieldset as dn } from "./patterns/Form/FormField/FormFieldset.js";
|
|
146
|
+
import { IressLoading as fn } from "./patterns/Loading/Loading.js";
|
|
147
|
+
import { IressLoadingSuspense as pn } from "./patterns/Loading/LoadingSuspense.js";
|
|
148
|
+
import { t as mn } from "./Shadow-C-AJ5pf_.js";
|
|
149
|
+
import { contextualMenu as hn } from "./patterns/ContextualMenu/ContextualMenu.styles.js";
|
|
150
|
+
import { IressContextualMenu as gn } from "./patterns/ContextualMenu/ContextualMenu.js";
|
|
151
|
+
import { sideNav as _n } from "./patterns/SideNav/SideNav.styles.js";
|
|
152
|
+
import { IressSideNav as vn } from "./patterns/SideNav/SideNav.js";
|
|
153
|
+
import { iressCss as yn } from "./helpers/styling/iressCss.js";
|
|
154
|
+
export { h as BREAKPOINTS, u as BREAKPOINT_DETAILS, Re as CheckboxGroupContext, p as FOCUSABLE_QUERY_SELECTOR, c as FORM_ELEMENT_WIDTHS, i as GRID_SIZE, r as GlobalCSSClass, d as HORIZONTAL_ALIGNS, J as IressAlert, Ne as IressAutocomplete, rn as IressBreadcrumbs, b as IressButton, ne as IressButtonCard, F as IressButtonGroup, re as IressCard, Ve as IressCheckbox, ze as IressCheckboxGroup, q as IressCloseButton, Ue as IressCol, Ge as IressContainer, gn as IressContextualMenu, ve as IressDivider, on as IressDropdownMenu, qe as IressExpander, et as IressField, nt as IressFieldGroup, ln as IressForm, un as IressFormField, dn as IressFormFieldset, sn as IressFormValidationSummary, rt as IressHide, cn as IressHookForm, v as IressIcon, _ as IressIconProvider, at as IressImage, de as IressInline, $ as IressInput, ot as IressInputCurrency, H as IressInputPopover, Ye as IressLabel, ct as IressLink, ie as IressLinkCard, fn as IressLoading, pn as IressLoadingSuspense, me as IressMenu, ye as IressMenuDivider, Te as IressMenuGroup, be as IressMenuHeading, we as IressMenuItem, xe as IressMenuText, ft as IressModal, pt as IressModalProvider, ae as IressPanel, ht as IressPill, _t as IressPlaceholder, V as IressPopover, U as IressPopoverProvider, yt as IressProgress, Mt as IressProvider, Rt as IressRadio, Ft as IressRadioGroup, Ce as IressRadioMark, Z as IressReadonly, Bt as IressRow, Me as IressSelect, Pe as IressSelectBody, Fe as IressSelectCreate, Oe as IressSelectHeading, se as IressSelectLabel, ke as IressSelectMenu, De as IressSelectSearch, Ae as IressSelectSearchInput, Ee as IressSelectTags, mn as IressShadow, vn as IressSideNav, Ht as IressSkeleton, Wt as IressSkipLink, Dt as IressSlideout, jt as IressSlideoutProvider, Kt as IressSlider, O as IressSpinner, xt as IressStack, qt as IressStyled, $t as IressTab, Zt as IressTabSet, e as IressTable, t as IressTableBody, Jt as IressTableFormattedValue, le as IressTag, fe as IressTagInput, w as IressText, Et as IressToasterProvider, tn as IressToggle, K as IressTooltip, Qe as IressValidationLink, Ze as IressValidationMessage, $e as IressValidationSummary, m as MATERIAL_SYMBOLS, ut as ModalContext, R as PopoverContainerContext, It as RadioGroupContext, a as STATUSES, kt as SlideoutContext, l as TEXT_ALIGNS, g as TOASTER_OFFSET_VAR, Ct as ToasterContext, o as VERTICAL_ALIGNS, s as Z_INDEX, f as Z_INDEX_OFFSET_VAR, T as alert, Y as autoComplete, nn as breadcrumbs, y as button, P as buttonGroup, te as card, E as chatty, Ie as checkbox, Le as checkboxGroup, He as col, We as container, hn as contextualMenu, _e as divider, an as dropdownMenu, Ke as expander, Xe as field, tt as fieldGroup, Be as getCheckboxGroupContext, Lt as getRadioGroupContext, n as icon, it as image, ue as inline, Q as input, yn as iressCss, Je as label, st as link, pe as menu, ge as menuGroup, he as menuItem, lt as modal, je as nativeSelect, mt as pill, gt as placeholder, B as popover, vt as progress, Nt as radio, Pt as radioGroup, Se as radioMark, X as readonly, zt as row, oe as select, _n as sideNav, Vt as skeleton, Ut as skipLink, Ot as slideout, Gt as slider, D as spinner, bt as stack, Qt as tab, Xt as tabSet, x as table, S as tableCell, ce as tag, C as text, A as toArray, Tt as toast, St as toaster, en as toggle, G as tooltip, ee as useAutocompleteSearch, k as useBreakpoint, I as useButtonGroupItem, j as useControlledState, M as useIdIfNeeded, dt as useModal, L as usePopover, z as usePopoverContainer, W as usePopoverItem, N as useResponsiveProps, At as useSlideout, Yt as useTable, wt as useToaster };
|
|
@@ -47,4 +47,4 @@ export interface IressContextualMenuProps extends Omit<IressPopoverProps, 'activ
|
|
|
47
47
|
*/
|
|
48
48
|
onAction?: (item: ContextualMenuItem) => void;
|
|
49
49
|
}
|
|
50
|
-
export declare const IressContextualMenu: ({ ariaLabel, align, bordered, children, className, "data-testid": dataTestId, items, offset, onAction, size, textStyle, theme, ...restProps }: IressContextualMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
export declare const IressContextualMenu: ({ ariaLabel, align, bordered, children, className, container, "data-testid": dataTestId, items, offset, onAction, size, textStyle, theme, ...restProps }: IressContextualMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,46 +13,47 @@ import { contextualMenu as d } from "./ContextualMenu.styles.js";
|
|
|
13
13
|
import { createElement as f, useMemo as p } from "react";
|
|
14
14
|
import { jsx as m, jsxs as h } from "react/jsx-runtime";
|
|
15
15
|
//#region src/patterns/ContextualMenu/ContextualMenu.tsx
|
|
16
|
-
var g = ({ ariaLabel: g = "More options", align: _ = "bottom-end", bordered: v = !1, children: y, className: b, "data-testid":
|
|
16
|
+
var g = ({ ariaLabel: g = "More options", align: _ = "bottom-end", bordered: v = !1, children: y, className: b, container: x, "data-testid": S, items: C, offset: w = {
|
|
17
17
|
mainAxis: -6,
|
|
18
18
|
crossAxis: 0
|
|
19
|
-
}, onAction:
|
|
20
|
-
let [
|
|
19
|
+
}, onAction: T, size: E = "small", textStyle: D, theme: O = "light", ...k }) => {
|
|
20
|
+
let [A, j] = p(() => n(k), [k]), M = d({
|
|
21
21
|
bordered: v,
|
|
22
|
-
size:
|
|
23
|
-
theme:
|
|
22
|
+
size: E,
|
|
23
|
+
theme: O
|
|
24
24
|
});
|
|
25
25
|
return /* @__PURE__ */ m(r.div, {
|
|
26
|
-
className: t(e(
|
|
27
|
-
"data-size":
|
|
28
|
-
"data-theme":
|
|
29
|
-
"data-testid":
|
|
26
|
+
className: t(e(A), b, M.root, i.ContextualMenu),
|
|
27
|
+
"data-size": E,
|
|
28
|
+
"data-theme": O,
|
|
29
|
+
"data-testid": S,
|
|
30
30
|
children: /* @__PURE__ */ h(c, {
|
|
31
|
-
...
|
|
31
|
+
...j,
|
|
32
32
|
align: _,
|
|
33
|
+
container: x,
|
|
33
34
|
activator: /* @__PURE__ */ m(o, {
|
|
34
35
|
"aria-label": g,
|
|
35
|
-
className:
|
|
36
|
-
"data-testid": s(
|
|
36
|
+
className: M.trigger,
|
|
37
|
+
"data-testid": s(S, "activator"),
|
|
37
38
|
mode: "quaternary",
|
|
38
39
|
icon: "more_vert"
|
|
39
40
|
}),
|
|
40
41
|
contentStyle: {
|
|
41
|
-
className:
|
|
42
|
+
className: M.menu,
|
|
42
43
|
p: "none"
|
|
43
44
|
},
|
|
44
|
-
"data-testid": s(
|
|
45
|
-
offset:
|
|
45
|
+
"data-testid": s(S, "popover"),
|
|
46
|
+
offset: w,
|
|
46
47
|
type: "menu",
|
|
47
|
-
children: [!!
|
|
48
|
-
"data-testid": s(
|
|
49
|
-
children:
|
|
50
|
-
textStyle:
|
|
48
|
+
children: [!!C?.length && /* @__PURE__ */ m(l, {
|
|
49
|
+
"data-testid": s(S, "menu"),
|
|
50
|
+
children: C.map(({ icon: e, ...n }) => /* @__PURE__ */ f(u, {
|
|
51
|
+
textStyle: D ?? "typography.body.sm",
|
|
51
52
|
...n,
|
|
52
|
-
className: t(
|
|
53
|
+
className: t(M.item, n.className),
|
|
53
54
|
key: n.key,
|
|
54
55
|
onClick: (t) => {
|
|
55
|
-
|
|
56
|
+
T?.({
|
|
56
57
|
icon: e,
|
|
57
58
|
...n
|
|
58
59
|
}), n.onClick?.(t);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { IressUnstyledProps } from '../../types';
|
|
3
3
|
import { IressProviderProps } from '../../components/Provider';
|
|
4
|
-
export interface IressShadowProps extends IressUnstyledProps, Pick<IressProviderProps, 'noIconProvider' | 'noSubsetting' | 'position' | 'zIndexOffset' | 'toasterOffset'> {
|
|
4
|
+
export interface IressShadowProps extends IressUnstyledProps, Pick<IressProviderProps, 'noIconProvider' | 'noSubsetting' | 'popoverContainer' | 'position' | 'zIndexOffset' | 'toasterOffset'> {
|
|
5
5
|
/**
|
|
6
6
|
* Children to be rendered inside the shadow DOM
|
|
7
7
|
*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../Shadow-
|
|
1
|
+
import { t as e } from "../../Shadow-C-AJ5pf_.js";
|
|
2
2
|
export { e as IressShadow };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../Shadow-
|
|
1
|
+
import { t as e } from "../../Shadow-C-AJ5pf_.js";
|
|
2
2
|
export { e as IressShadow };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@iress-oss/ids-components",
|
|
3
|
-
"version": "6.0.0-beta.
|
|
3
|
+
"version": "6.0.0-beta.5",
|
|
4
4
|
"description": "Iress React Component Library",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
@@ -44,10 +44,10 @@
|
|
|
44
44
|
"@types/react": "^19.2.14",
|
|
45
45
|
"@types/react-dom": "^19.2.3",
|
|
46
46
|
"@vitejs/plugin-react": "^6.0.1",
|
|
47
|
-
"@vitest/coverage-v8": "4.1.
|
|
48
|
-
"@vitest/ui": "4.1.
|
|
47
|
+
"@vitest/coverage-v8": "4.1.4",
|
|
48
|
+
"@vitest/ui": "4.1.4",
|
|
49
49
|
"concurrently": "^9.2.1",
|
|
50
|
-
"dompurify": "^3.4.
|
|
50
|
+
"dompurify": "^3.4.1",
|
|
51
51
|
"eslint": "10.2.0",
|
|
52
52
|
"eslint-plugin-file-progress": "^4.0.0",
|
|
53
53
|
"eslint-plugin-mdx": "3.7.0",
|
|
@@ -59,20 +59,20 @@
|
|
|
59
59
|
"jest-axe": "10.0.0",
|
|
60
60
|
"jsdom": "29.0.0",
|
|
61
61
|
"lightningcss": "^1.32.0",
|
|
62
|
-
"postcss": "8.5.
|
|
63
|
-
"prettier": "^3.8.
|
|
64
|
-
"react": "^19.2.
|
|
65
|
-
"react-dom": "^19.2.
|
|
62
|
+
"postcss": "8.5.9",
|
|
63
|
+
"prettier": "^3.8.2",
|
|
64
|
+
"react": "^19.2.5",
|
|
65
|
+
"react-dom": "^19.2.5",
|
|
66
66
|
"react-dropzone": "15.0.0",
|
|
67
67
|
"react-hook-form": "7.72.1",
|
|
68
68
|
"rimraf": "^6.1.3",
|
|
69
|
-
"storybook": "10.3.
|
|
69
|
+
"storybook": "10.3.5",
|
|
70
70
|
"typescript": "5.9.3",
|
|
71
|
-
"vite": "8.0.
|
|
71
|
+
"vite": "8.0.8",
|
|
72
72
|
"vite-bundle-visualizer": "^1.2.1",
|
|
73
73
|
"vite-plugin-dts": "4.5.4",
|
|
74
74
|
"vite-plugin-static-copy": "3.3.0",
|
|
75
|
-
"vitest": "4.1.
|
|
75
|
+
"vitest": "4.1.4"
|
|
76
76
|
},
|
|
77
77
|
"dependencies": {
|
|
78
78
|
"@floating-ui/react": "0.27.19",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"@tanstack/react-table": "8.21.3",
|
|
81
81
|
"@types/mdx": "^2.0.13",
|
|
82
82
|
"fuzzysort": "3.1.0",
|
|
83
|
-
"material-symbols": "0.44.
|
|
83
|
+
"material-symbols": "0.44.1",
|
|
84
84
|
"query-selector-shadow-dom": "1.0.1",
|
|
85
85
|
"use-debounce": "10.1.1"
|
|
86
86
|
},
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { p as e, u as t } from "./constants-D0UW4Ewm.js";
|
|
2
|
-
import { IressIconProvider as n } from "./components/Icon/IconProvider.js";
|
|
3
|
-
import { IressModalProvider as r } from "./components/Modal/ModalProvider.js";
|
|
4
|
-
import { IressToasterProvider as i } from "./components/Toaster/ToasterProvider.js";
|
|
5
|
-
import { IressSlideoutProvider as a } from "./components/Slideout/SlideoutProvider.js";
|
|
6
|
-
import { useEffect as o } from "react";
|
|
7
|
-
import { createPortal as s } from "react-dom";
|
|
8
|
-
import { jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
9
|
-
//#region ../tokens/dist/enums.js
|
|
10
|
-
var u = /* @__PURE__ */ function(e) {
|
|
11
|
-
return e.Color = "color", e.Dimension = "dimension", e.FontFamily = "fontFamily", e.FontSize = "fontSize", e.Background = "background", e.Border = "border", e.Radius = "radius", e.Shadow = "shadow", e.Typography = "typography", e;
|
|
12
|
-
}({}), d = ".875rem", f = "Ubuntu, Helvetica, sans-serif", p = "Inter, Helvetica, sans-serif", m = ["https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"];
|
|
13
|
-
u.FontSize, u.FontFamily, u.FontFamily, u.Typography, `${f}`, `${d}`, u.Typography, `${f}`, `${d}`, u.Typography, `${f}`, `${d}`, u.Typography, `${f}`, `${d}`, u.Typography, `${f}`, `${d}`, u.Typography, `${p}`, `${d}`, u.Typography, `${p}`, `${d}`, u.Typography, `${p}`, `${d}`, u.Typography, `${p}`, `${d}`, u.Typography, `${p}`, `${d}`, u.Typography, `${p}`, `${d}`, u.Typography, `${p}`, `${d}`, u.Typography, `${p}`, `${d}`, u.Typography, `${d}`;
|
|
14
|
-
//#endregion
|
|
15
|
-
//#region src/components/Provider/Provider.tsx
|
|
16
|
-
var h = ({ children: u, container: d, noDefaultFont: f, noIconProvider: p, noSubsetting: h, position: g, zIndexOffset: _, toasterOffset: v, ...y }) => {
|
|
17
|
-
o(() => {
|
|
18
|
-
if (_ === void 0) return;
|
|
19
|
-
let t = document.documentElement, n = t.style.getPropertyValue(e), r = String(_);
|
|
20
|
-
return t.style.setProperty(e, r), () => {
|
|
21
|
-
t.style.getPropertyValue(e) === r && (n ? t.style.setProperty(e, n) : t.style.removeProperty(e));
|
|
22
|
-
};
|
|
23
|
-
}, [_]), o(() => {
|
|
24
|
-
if (v === void 0) return;
|
|
25
|
-
let e = document.documentElement, n = e.style.getPropertyValue(t);
|
|
26
|
-
return e.style.setProperty(t, v), () => {
|
|
27
|
-
e.style.getPropertyValue("--iress-toaster-offset") === v && (n ? e.style.setProperty(t, n) : e.style.removeProperty(t));
|
|
28
|
-
};
|
|
29
|
-
}, [v]);
|
|
30
|
-
let b = /* @__PURE__ */ l(r, {
|
|
31
|
-
container: d,
|
|
32
|
-
children: [/* @__PURE__ */ c(i, {
|
|
33
|
-
container: d,
|
|
34
|
-
position: g,
|
|
35
|
-
children: /* @__PURE__ */ c(a, {
|
|
36
|
-
container: d,
|
|
37
|
-
...y,
|
|
38
|
-
children: u
|
|
39
|
-
})
|
|
40
|
-
}), !f && s(m.map((e) => /* @__PURE__ */ c("link", {
|
|
41
|
-
rel: "stylesheet",
|
|
42
|
-
href: e,
|
|
43
|
-
"data-iress-design-system-font": !0
|
|
44
|
-
}, e)), document.head, "design-system-font")]
|
|
45
|
-
});
|
|
46
|
-
return p ? b : /* @__PURE__ */ c(n, {
|
|
47
|
-
container: d,
|
|
48
|
-
noSubsetting: h,
|
|
49
|
-
children: b
|
|
50
|
-
});
|
|
51
|
-
};
|
|
52
|
-
h.displayName = "IressProvider";
|
|
53
|
-
//#endregion
|
|
54
|
-
export { m as n, h as t };
|