@ultraviolet/ui 1.56.1 → 1.57.1
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/components/Dialog/index.cjs +2 -2
- package/dist/components/Dialog/index.js +2 -2
- package/dist/components/Dialog/subComponents/Text.cjs +1 -1
- package/dist/components/Dialog/subComponents/Text.js +1 -1
- package/dist/components/SearchInput/Key.cjs +30 -0
- package/dist/components/SearchInput/Key.d.ts +6 -0
- package/dist/components/SearchInput/Key.js +28 -0
- package/dist/components/SearchInput/KeyGroup.cjs +10 -0
- package/dist/components/SearchInput/KeyGroup.d.ts +8 -0
- package/dist/components/SearchInput/KeyGroup.js +10 -0
- package/dist/components/SearchInput/index.cjs +38 -7
- package/dist/components/SearchInput/index.d.ts +2 -1
- package/dist/components/SearchInput/index.js +40 -9
- package/dist/components/SearchInput/types.d.ts +5 -1
- package/dist/components/SelectInputV2/Dropdown.cjs +9 -9
- package/dist/components/SelectInputV2/Dropdown.js +9 -9
- package/dist/components/SelectInputV2/SelectBar.cjs +13 -11
- package/dist/components/SelectInputV2/SelectBar.d.ts +2 -1
- package/dist/components/SelectInputV2/SelectBar.js +9 -7
- package/dist/components/SelectInputV2/index.cjs +4 -3
- package/dist/components/SelectInputV2/index.d.ts +5 -1
- package/dist/components/SelectInputV2/index.js +4 -3
- package/dist/components/TextArea/index.cjs +4 -4
- package/dist/components/TextArea/index.js +4 -4
- package/dist/components/TextInputV2/index.cjs +9 -6
- package/dist/components/TextInputV2/index.d.ts +40 -0
- package/dist/components/TextInputV2/index.js +9 -6
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -22,7 +22,7 @@ You will also need to import fonts in your project by adding:
|
|
|
22
22
|
rel="stylesheet"
|
|
23
23
|
/>
|
|
24
24
|
<link
|
|
25
|
-
href="https://fonts.cdnfonts.com/css/space-grotesk?styles=24816,24815"
|
|
25
|
+
href="https://fonts.cdnfonts.com/css/space-grotesk?styles=24816,24815,24817"
|
|
26
26
|
rel="stylesheet"
|
|
27
27
|
/>
|
|
28
28
|
```
|
|
@@ -23,7 +23,7 @@ const StyledTextTitle = /* @__PURE__ */ _styled__default.default(index.Text, pro
|
|
|
23
23
|
theme
|
|
24
24
|
}) => theme.space["2"], ";margin-bottom:", ({
|
|
25
25
|
theme
|
|
26
|
-
}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHR5cGUgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1bGxldCB9IGZyb20gJy4uL0J1bGxldCdcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSAnLi4vTW9kYWwnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB0eXBlIHsgRGlhbG9nQ29udGV4dFR5cGUgfSBmcm9tICcuL0NvbnRleHQnXG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0LCB1c2VEaWFsb2dDb250ZXh0IH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHR5cGUgeyBEaWFsb2dTZW50aW1lbnQgfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vc3ViQ29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9zdWJDb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL3N1YkNvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL3N1YkNvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9zdWJDb21wb25lbnRzL1RleHQnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxudHlwZSBEaWFsb2dQcm9wcyA9IFBpY2s8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBNb2RhbD4sXG4gIHwgJ2FyaWFMYWJlbCdcbiAgfCAnY2hpbGRyZW4nXG4gIHwgJ2NsYXNzTmFtZSdcbiAgfCAnZGF0YS10ZXN0aWQnXG4gIHwgJ2Rpc2Nsb3N1cmUnXG4gIHwgJ2hpZGVPbkNsaWNrT3V0c2lkZSdcbiAgfCAnaGlkZU9uRXNjJ1xuICB8ICdpZCdcbiAgfCAnaXNDbG9zYWJsZSdcbiAgfCAnb25CZWZvcmVDbG9zZSdcbiAgfCAnb25DbG9zZSdcbiAgfCAnb3BlbidcbiAgfCAncGxhY2VtZW50J1xuPiAmIHtcbiAgdGl0bGU6IHN0cmluZ1xuICBzZW50aW1lbnQ6IERpYWxvZ1NlbnRpbWVudFxufVxuXG5leHBvcnQgY29uc3QgQmFzZURpYWxvZyA9ICh7XG4gIGFyaWFMYWJlbCxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgZGlzY2xvc3VyZSxcbiAgaGlkZU9uQ2xpY2tPdXRzaWRlLFxuICBoaWRlT25Fc2MsXG4gIGlkLFxuICBpc0Nsb3NhYmxlLFxuICBvbkJlZm9yZUNsb3NlLFxuICBvbkNsb3NlLFxuICBvcGVuLFxuICBwbGFjZW1lbnQsXG4gIHNlbnRpbWVudCxcbiAgdGl0bGUsXG59OiBEaWFsb2dQcm9wcykgPT4ge1xuICBjb25zdCBoZWFkZXJDb250ZW50ID0gKFxuICAgIDw+XG4gICAgICA8QnVsbGV0XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICBpY29uPXtcbiAgICAgICAgICBzZW50aW1lbnQgPT09ICd3YXJuaW5nJyB8fCBzZW50aW1lbnQgPT09ICdkYW5nZXInXG4gICAgICAgICAgICA/ICdpbmZvcm1hdGlvbi1vdXRsaW5lJ1xuICAgICAgICAgICAgOiAnY2hlY2snXG4gICAgICAgIH1cbiAgICAgIC8+
|
|
26
|
+
}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHR5cGUgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1bGxldCB9IGZyb20gJy4uL0J1bGxldCdcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSAnLi4vTW9kYWwnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB0eXBlIHsgRGlhbG9nQ29udGV4dFR5cGUgfSBmcm9tICcuL0NvbnRleHQnXG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0LCB1c2VEaWFsb2dDb250ZXh0IH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHR5cGUgeyBEaWFsb2dTZW50aW1lbnQgfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vc3ViQ29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9zdWJDb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL3N1YkNvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL3N1YkNvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9zdWJDb21wb25lbnRzL1RleHQnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxudHlwZSBEaWFsb2dQcm9wcyA9IFBpY2s8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBNb2RhbD4sXG4gIHwgJ2FyaWFMYWJlbCdcbiAgfCAnY2hpbGRyZW4nXG4gIHwgJ2NsYXNzTmFtZSdcbiAgfCAnZGF0YS10ZXN0aWQnXG4gIHwgJ2Rpc2Nsb3N1cmUnXG4gIHwgJ2hpZGVPbkNsaWNrT3V0c2lkZSdcbiAgfCAnaGlkZU9uRXNjJ1xuICB8ICdpZCdcbiAgfCAnaXNDbG9zYWJsZSdcbiAgfCAnb25CZWZvcmVDbG9zZSdcbiAgfCAnb25DbG9zZSdcbiAgfCAnb3BlbidcbiAgfCAncGxhY2VtZW50J1xuPiAmIHtcbiAgdGl0bGU6IHN0cmluZ1xuICBzZW50aW1lbnQ6IERpYWxvZ1NlbnRpbWVudFxufVxuXG5leHBvcnQgY29uc3QgQmFzZURpYWxvZyA9ICh7XG4gIGFyaWFMYWJlbCxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgZGlzY2xvc3VyZSxcbiAgaGlkZU9uQ2xpY2tPdXRzaWRlLFxuICBoaWRlT25Fc2MsXG4gIGlkLFxuICBpc0Nsb3NhYmxlLFxuICBvbkJlZm9yZUNsb3NlLFxuICBvbkNsb3NlLFxuICBvcGVuLFxuICBwbGFjZW1lbnQsXG4gIHNlbnRpbWVudCxcbiAgdGl0bGUsXG59OiBEaWFsb2dQcm9wcykgPT4ge1xuICBjb25zdCBoZWFkZXJDb250ZW50ID0gKFxuICAgIDw+XG4gICAgICA8QnVsbGV0XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICBpY29uPXtcbiAgICAgICAgICBzZW50aW1lbnQgPT09ICd3YXJuaW5nJyB8fCBzZW50aW1lbnQgPT09ICdkYW5nZXInXG4gICAgICAgICAgICA/ICdpbmZvcm1hdGlvbi1vdXRsaW5lJ1xuICAgICAgICAgICAgOiAnY2hlY2snXG4gICAgICAgIH1cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkVGV4dFRpdGxlXG4gICAgICAgIGFzPVwiaDJcIlxuICAgICAgICB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nZXJcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUZXh0VGl0bGU+XG4gICAgPC8+XG4gIClcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vPERpYWxvZ0NvbnRleHRUeXBlPihcbiAgICAoKSA9PiAoe1xuICAgICAgc2VudGltZW50LFxuICAgIH0pLFxuICAgIFtzZW50aW1lbnRdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWxcbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpc2Nsb3N1cmU9e2Rpc2Nsb3N1cmV9XG4gICAgICBoaWRlT25DbGlja091dHNpZGU9e2hpZGVPbkNsaWNrT3V0c2lkZX1cbiAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgaWQ9e2lkfVxuICAgICAgaXNDbG9zYWJsZT17aXNDbG9zYWJsZX1cbiAgICAgIG9uQmVmb3JlQ2xvc2U9e29uQmVmb3JlQ2xvc2V9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgc2l6ZT1cInhzbWFsbFwiXG4gICAgPlxuICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJyA/IChcbiAgICAgICAgbW9kYWxQcm9wcyA9PiAoXG4gICAgICAgICAgPERpYWxvZ0NvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2NvbnRleHRWYWx1ZX0+XG4gICAgICAgICAgICB7aGVhZGVyQ29udGVudH1cbiAgICAgICAgICAgIHtjaGlsZHJlbihtb2RhbFByb3BzKX1cbiAgICAgICAgICA8L0RpYWxvZ0NvbnRleHQuUHJvdmlkZXI+XG4gICAgICAgIClcbiAgICAgICkgOiAoXG4gICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgIHtoZWFkZXJDb250ZW50fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgKX1cbiAgICA8L01vZGFsPlxuICApXG59XG5cbi8qKlxuICogVGhlIERpYWxvZyBjb21wb25lbnQgaXMgdXNlZCB0byBzaG93IGNvbnRlbnQgb24gdG9wIG9mIGFuIG92ZXJsYXkgdGhhdCByZXF1aXJlcyB1c2VyIGludGVyYWN0aW9uLlxuICogQGV4cGVyaW1lbnRhbCBUaGlzIGNvbXBvbmVudCBpcyBleHBlcmltZW50YWwgYW5kIG1heSBiZSBzdWJqZWN0IHRvIGJyZWFraW5nIGNoYW5nZXMgaW4gdGhlIGZ1dHVyZS5cbiAqL1xuZXhwb3J0IGNvbnN0IERpYWxvZyA9IE9iamVjdC5hc3NpZ24oQmFzZURpYWxvZywge1xuICBCdXR0b25zOiBEaWFsb2dCdXR0b25zLFxuICBCdXR0b246IERpYWxvZ0J1dHRvbixcbiAgQ2FuY2VsQnV0dG9uOiBEaWFsb2dDYW5jZWxCdXR0b24sXG4gIFN0YWNrOiBEaWFsb2dTdGFjayxcbiAgVGV4dDogRGlhbG9nVGV4dCxcbiAgdXNlRGlhbG9nQ29udGV4dCxcbn0pXG4iXX0= */"));
|
|
27
27
|
const BaseDialog = ({
|
|
28
28
|
ariaLabel,
|
|
29
29
|
className,
|
|
@@ -43,7 +43,7 @@ const BaseDialog = ({
|
|
|
43
43
|
}) => {
|
|
44
44
|
const headerContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
45
45
|
/* @__PURE__ */ jsxRuntime.jsx(index$2.Bullet, { sentiment, icon: sentiment === "warning" || sentiment === "danger" ? "information-outline" : "check" }),
|
|
46
|
-
/* @__PURE__ */ jsxRuntime.jsx(StyledTextTitle, { as: "h2", variant: "headingSmallStronger", children: title })
|
|
46
|
+
/* @__PURE__ */ jsxRuntime.jsx(StyledTextTitle, { as: "h2", variant: "headingSmallStronger", sentiment: "neutral", children: title })
|
|
47
47
|
] });
|
|
48
48
|
const contextValue = React.useMemo(() => ({
|
|
49
49
|
sentiment
|
|
@@ -19,7 +19,7 @@ const StyledTextTitle = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "
|
|
|
19
19
|
theme
|
|
20
20
|
}) => theme.space["2"], ";margin-bottom:", ({
|
|
21
21
|
theme
|
|
22
|
-
}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHR5cGUgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1bGxldCB9IGZyb20gJy4uL0J1bGxldCdcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSAnLi4vTW9kYWwnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB0eXBlIHsgRGlhbG9nQ29udGV4dFR5cGUgfSBmcm9tICcuL0NvbnRleHQnXG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0LCB1c2VEaWFsb2dDb250ZXh0IH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHR5cGUgeyBEaWFsb2dTZW50aW1lbnQgfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vc3ViQ29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9zdWJDb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL3N1YkNvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL3N1YkNvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9zdWJDb21wb25lbnRzL1RleHQnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxudHlwZSBEaWFsb2dQcm9wcyA9IFBpY2s8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBNb2RhbD4sXG4gIHwgJ2FyaWFMYWJlbCdcbiAgfCAnY2hpbGRyZW4nXG4gIHwgJ2NsYXNzTmFtZSdcbiAgfCAnZGF0YS10ZXN0aWQnXG4gIHwgJ2Rpc2Nsb3N1cmUnXG4gIHwgJ2hpZGVPbkNsaWNrT3V0c2lkZSdcbiAgfCAnaGlkZU9uRXNjJ1xuICB8ICdpZCdcbiAgfCAnaXNDbG9zYWJsZSdcbiAgfCAnb25CZWZvcmVDbG9zZSdcbiAgfCAnb25DbG9zZSdcbiAgfCAnb3BlbidcbiAgfCAncGxhY2VtZW50J1xuPiAmIHtcbiAgdGl0bGU6IHN0cmluZ1xuICBzZW50aW1lbnQ6IERpYWxvZ1NlbnRpbWVudFxufVxuXG5leHBvcnQgY29uc3QgQmFzZURpYWxvZyA9ICh7XG4gIGFyaWFMYWJlbCxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgZGlzY2xvc3VyZSxcbiAgaGlkZU9uQ2xpY2tPdXRzaWRlLFxuICBoaWRlT25Fc2MsXG4gIGlkLFxuICBpc0Nsb3NhYmxlLFxuICBvbkJlZm9yZUNsb3NlLFxuICBvbkNsb3NlLFxuICBvcGVuLFxuICBwbGFjZW1lbnQsXG4gIHNlbnRpbWVudCxcbiAgdGl0bGUsXG59OiBEaWFsb2dQcm9wcykgPT4ge1xuICBjb25zdCBoZWFkZXJDb250ZW50ID0gKFxuICAgIDw+XG4gICAgICA8QnVsbGV0XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICBpY29uPXtcbiAgICAgICAgICBzZW50aW1lbnQgPT09ICd3YXJuaW5nJyB8fCBzZW50aW1lbnQgPT09ICdkYW5nZXInXG4gICAgICAgICAgICA/ICdpbmZvcm1hdGlvbi1vdXRsaW5lJ1xuICAgICAgICAgICAgOiAnY2hlY2snXG4gICAgICAgIH1cbiAgICAgIC8+
|
|
22
|
+
}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHR5cGUgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1bGxldCB9IGZyb20gJy4uL0J1bGxldCdcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSAnLi4vTW9kYWwnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB0eXBlIHsgRGlhbG9nQ29udGV4dFR5cGUgfSBmcm9tICcuL0NvbnRleHQnXG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0LCB1c2VEaWFsb2dDb250ZXh0IH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHR5cGUgeyBEaWFsb2dTZW50aW1lbnQgfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vc3ViQ29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9zdWJDb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL3N1YkNvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL3N1YkNvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9zdWJDb21wb25lbnRzL1RleHQnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxudHlwZSBEaWFsb2dQcm9wcyA9IFBpY2s8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBNb2RhbD4sXG4gIHwgJ2FyaWFMYWJlbCdcbiAgfCAnY2hpbGRyZW4nXG4gIHwgJ2NsYXNzTmFtZSdcbiAgfCAnZGF0YS10ZXN0aWQnXG4gIHwgJ2Rpc2Nsb3N1cmUnXG4gIHwgJ2hpZGVPbkNsaWNrT3V0c2lkZSdcbiAgfCAnaGlkZU9uRXNjJ1xuICB8ICdpZCdcbiAgfCAnaXNDbG9zYWJsZSdcbiAgfCAnb25CZWZvcmVDbG9zZSdcbiAgfCAnb25DbG9zZSdcbiAgfCAnb3BlbidcbiAgfCAncGxhY2VtZW50J1xuPiAmIHtcbiAgdGl0bGU6IHN0cmluZ1xuICBzZW50aW1lbnQ6IERpYWxvZ1NlbnRpbWVudFxufVxuXG5leHBvcnQgY29uc3QgQmFzZURpYWxvZyA9ICh7XG4gIGFyaWFMYWJlbCxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgZGlzY2xvc3VyZSxcbiAgaGlkZU9uQ2xpY2tPdXRzaWRlLFxuICBoaWRlT25Fc2MsXG4gIGlkLFxuICBpc0Nsb3NhYmxlLFxuICBvbkJlZm9yZUNsb3NlLFxuICBvbkNsb3NlLFxuICBvcGVuLFxuICBwbGFjZW1lbnQsXG4gIHNlbnRpbWVudCxcbiAgdGl0bGUsXG59OiBEaWFsb2dQcm9wcykgPT4ge1xuICBjb25zdCBoZWFkZXJDb250ZW50ID0gKFxuICAgIDw+XG4gICAgICA8QnVsbGV0XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICBpY29uPXtcbiAgICAgICAgICBzZW50aW1lbnQgPT09ICd3YXJuaW5nJyB8fCBzZW50aW1lbnQgPT09ICdkYW5nZXInXG4gICAgICAgICAgICA/ICdpbmZvcm1hdGlvbi1vdXRsaW5lJ1xuICAgICAgICAgICAgOiAnY2hlY2snXG4gICAgICAgIH1cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkVGV4dFRpdGxlXG4gICAgICAgIGFzPVwiaDJcIlxuICAgICAgICB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nZXJcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUZXh0VGl0bGU+XG4gICAgPC8+XG4gIClcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vPERpYWxvZ0NvbnRleHRUeXBlPihcbiAgICAoKSA9PiAoe1xuICAgICAgc2VudGltZW50LFxuICAgIH0pLFxuICAgIFtzZW50aW1lbnRdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWxcbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpc2Nsb3N1cmU9e2Rpc2Nsb3N1cmV9XG4gICAgICBoaWRlT25DbGlja091dHNpZGU9e2hpZGVPbkNsaWNrT3V0c2lkZX1cbiAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgaWQ9e2lkfVxuICAgICAgaXNDbG9zYWJsZT17aXNDbG9zYWJsZX1cbiAgICAgIG9uQmVmb3JlQ2xvc2U9e29uQmVmb3JlQ2xvc2V9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgc2l6ZT1cInhzbWFsbFwiXG4gICAgPlxuICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJyA/IChcbiAgICAgICAgbW9kYWxQcm9wcyA9PiAoXG4gICAgICAgICAgPERpYWxvZ0NvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2NvbnRleHRWYWx1ZX0+XG4gICAgICAgICAgICB7aGVhZGVyQ29udGVudH1cbiAgICAgICAgICAgIHtjaGlsZHJlbihtb2RhbFByb3BzKX1cbiAgICAgICAgICA8L0RpYWxvZ0NvbnRleHQuUHJvdmlkZXI+XG4gICAgICAgIClcbiAgICAgICkgOiAoXG4gICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgIHtoZWFkZXJDb250ZW50fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgKX1cbiAgICA8L01vZGFsPlxuICApXG59XG5cbi8qKlxuICogVGhlIERpYWxvZyBjb21wb25lbnQgaXMgdXNlZCB0byBzaG93IGNvbnRlbnQgb24gdG9wIG9mIGFuIG92ZXJsYXkgdGhhdCByZXF1aXJlcyB1c2VyIGludGVyYWN0aW9uLlxuICogQGV4cGVyaW1lbnRhbCBUaGlzIGNvbXBvbmVudCBpcyBleHBlcmltZW50YWwgYW5kIG1heSBiZSBzdWJqZWN0IHRvIGJyZWFraW5nIGNoYW5nZXMgaW4gdGhlIGZ1dHVyZS5cbiAqL1xuZXhwb3J0IGNvbnN0IERpYWxvZyA9IE9iamVjdC5hc3NpZ24oQmFzZURpYWxvZywge1xuICBCdXR0b25zOiBEaWFsb2dCdXR0b25zLFxuICBCdXR0b246IERpYWxvZ0J1dHRvbixcbiAgQ2FuY2VsQnV0dG9uOiBEaWFsb2dDYW5jZWxCdXR0b24sXG4gIFN0YWNrOiBEaWFsb2dTdGFjayxcbiAgVGV4dDogRGlhbG9nVGV4dCxcbiAgdXNlRGlhbG9nQ29udGV4dCxcbn0pXG4iXX0= */"));
|
|
23
23
|
const BaseDialog = ({
|
|
24
24
|
ariaLabel,
|
|
25
25
|
className,
|
|
@@ -39,7 +39,7 @@ const BaseDialog = ({
|
|
|
39
39
|
}) => {
|
|
40
40
|
const headerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
41
41
|
/* @__PURE__ */ jsx(Bullet, { sentiment, icon: sentiment === "warning" || sentiment === "danger" ? "information-outline" : "check" }),
|
|
42
|
-
/* @__PURE__ */ jsx(StyledTextTitle, { as: "h2", variant: "headingSmallStronger", children: title })
|
|
42
|
+
/* @__PURE__ */ jsx(StyledTextTitle, { as: "h2", variant: "headingSmallStronger", sentiment: "neutral", children: title })
|
|
43
43
|
] });
|
|
44
44
|
const contextValue = useMemo(() => ({
|
|
45
45
|
sentiment
|
|
@@ -4,5 +4,5 @@ const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
|
4
4
|
const index = require("../../Text/index.cjs");
|
|
5
5
|
const DialogText = ({
|
|
6
6
|
children
|
|
7
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "p", variant: "body", children });
|
|
7
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "p", variant: "body", sentiment: "neutral", children });
|
|
8
8
|
exports.DialogText = DialogText;
|
|
@@ -2,7 +2,7 @@ import { jsx } from "@emotion/react/jsx-runtime";
|
|
|
2
2
|
import { Text } from "../../Text/index.js";
|
|
3
3
|
const DialogText = ({
|
|
4
4
|
children
|
|
5
|
-
}) => /* @__PURE__ */ jsx(Text, { as: "p", variant: "body", children });
|
|
5
|
+
}) => /* @__PURE__ */ jsx(Text, { as: "p", variant: "body", sentiment: "neutral", children });
|
|
6
6
|
export {
|
|
7
7
|
DialogText
|
|
8
8
|
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
|
+
const _styled = require("@emotion/styled/base");
|
|
5
|
+
const index = require("../Text/index.cjs");
|
|
6
|
+
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
7
|
+
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
8
|
+
const Container = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
9
|
+
target: "ekyw9u10"
|
|
10
|
+
} : {
|
|
11
|
+
target: "ekyw9u10",
|
|
12
|
+
label: "Container"
|
|
13
|
+
})("background:", ({
|
|
14
|
+
theme
|
|
15
|
+
}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
|
|
16
|
+
theme
|
|
17
|
+
}) => theme.radii.default, ";border:0.5px solid ", ({
|
|
18
|
+
theme
|
|
19
|
+
}) => theme.colors.neutral.border, ";min-width:24px;min-height:24px;display:flex;justify-content:center;align-items:center;&[data-disabled='true']{background:", ({
|
|
20
|
+
theme
|
|
21
|
+
}) => theme.colors.neutral.backgroundDisabled, ";border-color:", ({
|
|
22
|
+
theme
|
|
23
|
+
}) => theme.colors.neutral.borderDisabled, ";}&[data-children-length='true']{width:auto;padding:0 ", ({
|
|
24
|
+
theme
|
|
25
|
+
}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIG1pbi13aWR0aDogMjRweDtcbiAgbWluLWhlaWdodDogMjRweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgJltkYXRhLWNoaWxkcmVuLWxlbmd0aD0ndHJ1ZSddIHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19OyAvLyBUaGlzIHBhcnQgaXMgdG8gbGVhdmUgc29tZSBzcGFjZSBiZXR3ZWVuIHRoZSB0ZXh0IGFuZCB0aGUgYm9yZGVyIHdoZW4gdGV4dCBpcyBsb25nXG4gIH1cbmBcblxudHlwZSBLZXlQcm9wcyA9IHtcbiAgY2hpbGRyZW46IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IEtleSA9ICh7IGNoaWxkcmVuLCBkaXNhYmxlZCB9OiBLZXlQcm9wcykgPT4gKFxuICA8Q29udGFpbmVyXG4gICAgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgZGF0YS1jaGlsZHJlbi1sZW5ndGg9e2NoaWxkcmVuLmxlbmd0aCA+IDF9XG4gID5cbiAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiY2FwdGlvblwiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGV4dD5cbiAgPC9Db250YWluZXI+XG4pXG4iXX0= */"));
|
|
26
|
+
const Key = ({
|
|
27
|
+
children,
|
|
28
|
+
disabled
|
|
29
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(Container, { "data-disabled": disabled, "data-children-length": children.length > 1, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", variant: "caption", sentiment: "neutral", disabled, children }) });
|
|
30
|
+
exports.Key = Key;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import _styled from "@emotion/styled/base";
|
|
3
|
+
import { Text } from "../Text/index.js";
|
|
4
|
+
const Container = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
5
|
+
target: "ekyw9u10"
|
|
6
|
+
} : {
|
|
7
|
+
target: "ekyw9u10",
|
|
8
|
+
label: "Container"
|
|
9
|
+
})("background:", ({
|
|
10
|
+
theme
|
|
11
|
+
}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
|
|
12
|
+
theme
|
|
13
|
+
}) => theme.radii.default, ";border:0.5px solid ", ({
|
|
14
|
+
theme
|
|
15
|
+
}) => theme.colors.neutral.border, ";min-width:24px;min-height:24px;display:flex;justify-content:center;align-items:center;&[data-disabled='true']{background:", ({
|
|
16
|
+
theme
|
|
17
|
+
}) => theme.colors.neutral.backgroundDisabled, ";border-color:", ({
|
|
18
|
+
theme
|
|
19
|
+
}) => theme.colors.neutral.borderDisabled, ";}&[data-children-length='true']{width:auto;padding:0 ", ({
|
|
20
|
+
theme
|
|
21
|
+
}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIG1pbi13aWR0aDogMjRweDtcbiAgbWluLWhlaWdodDogMjRweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgJltkYXRhLWNoaWxkcmVuLWxlbmd0aD0ndHJ1ZSddIHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19OyAvLyBUaGlzIHBhcnQgaXMgdG8gbGVhdmUgc29tZSBzcGFjZSBiZXR3ZWVuIHRoZSB0ZXh0IGFuZCB0aGUgYm9yZGVyIHdoZW4gdGV4dCBpcyBsb25nXG4gIH1cbmBcblxudHlwZSBLZXlQcm9wcyA9IHtcbiAgY2hpbGRyZW46IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IEtleSA9ICh7IGNoaWxkcmVuLCBkaXNhYmxlZCB9OiBLZXlQcm9wcykgPT4gKFxuICA8Q29udGFpbmVyXG4gICAgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgZGF0YS1jaGlsZHJlbi1sZW5ndGg9e2NoaWxkcmVuLmxlbmd0aCA+IDF9XG4gID5cbiAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiY2FwdGlvblwiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGV4dD5cbiAgPC9Db250YWluZXI+XG4pXG4iXX0= */"));
|
|
22
|
+
const Key = ({
|
|
23
|
+
children,
|
|
24
|
+
disabled
|
|
25
|
+
}) => /* @__PURE__ */ jsx(Container, { "data-disabled": disabled, "data-children-length": children.length > 1, children: /* @__PURE__ */ jsx(Text, { as: "span", variant: "caption", sentiment: "neutral", disabled, children }) });
|
|
26
|
+
export {
|
|
27
|
+
Key
|
|
28
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
|
+
const index = require("../Stack/index.cjs");
|
|
5
|
+
const Key = require("./Key.cjs");
|
|
6
|
+
const KeyGroup = ({
|
|
7
|
+
keys,
|
|
8
|
+
disabled
|
|
9
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { gap: 0.5, direction: "row", children: keys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(Key.Key, { disabled, children: key }, key)) });
|
|
10
|
+
exports.KeyGroup = KeyGroup;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
import { Key } from './Key';
|
|
3
|
+
type KeyGroupProps = {
|
|
4
|
+
keys: ComponentProps<typeof Key>['children'][];
|
|
5
|
+
disabled: ComponentProps<typeof Key>['disabled'];
|
|
6
|
+
};
|
|
7
|
+
export declare const KeyGroup: ({ keys, disabled }: KeyGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { Stack } from "../Stack/index.js";
|
|
3
|
+
import { Key } from "./Key.js";
|
|
4
|
+
const KeyGroup = ({
|
|
5
|
+
keys,
|
|
6
|
+
disabled
|
|
7
|
+
}) => /* @__PURE__ */ jsx(Stack, { gap: 0.5, direction: "row", children: keys.map((key) => /* @__PURE__ */ jsx(Key, { disabled, children: key }, key)) });
|
|
8
|
+
export {
|
|
9
|
+
KeyGroup
|
|
10
|
+
};
|
|
@@ -6,38 +6,49 @@ const icons = require("@ultraviolet/icons");
|
|
|
6
6
|
const React = require("react");
|
|
7
7
|
const index = require("../Popup/index.cjs");
|
|
8
8
|
const index$1 = require("../TextInputV2/index.cjs");
|
|
9
|
+
const KeyGroup = require("./KeyGroup.cjs");
|
|
9
10
|
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
10
11
|
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
11
12
|
const StyledPopup = /* @__PURE__ */ _styled__default.default(index.Popup, process.env.NODE_ENV === "production" ? {
|
|
12
|
-
target: "
|
|
13
|
+
target: "eefux4u1"
|
|
13
14
|
} : {
|
|
14
|
-
target: "
|
|
15
|
+
target: "eefux4u1",
|
|
15
16
|
label: "StyledPopup"
|
|
16
17
|
})("width:100%;text-align:initial;min-width:610px;padding:", ({
|
|
17
18
|
theme
|
|
18
19
|
}) => `${theme.space["2"]} ${theme.space["1"]}`, ";background:", ({
|
|
19
20
|
theme
|
|
20
|
-
}) => theme.colors.
|
|
21
|
+
}) => theme.colors.other.elevation.background.raised, ";box-shadow:", ({
|
|
21
22
|
theme
|
|
22
|
-
}) => theme.shadows.
|
|
23
|
+
}) => `${theme.shadows.raised[0]}, ${theme.shadows.raised[1]}`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWR1Y2VyLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFBvcHVwIH0gZnJvbSAnLi4vUG9wdXAnXG5pbXBvcnQge1xuICBCYXNpY1ByZWZpeFN0YWNrLFxuICBCYXNpY1N1ZmZpeFN0YWNrLFxuICBTdHlsZWRJbnB1dCxcbiAgVGV4dElucHV0VjIsXG59IGZyb20gJy4uL1RleHRJbnB1dFYyJ1xuaW1wb3J0IHsgS2V5R3JvdXAgfSBmcm9tICcuL0tleUdyb3VwJ1xuaW1wb3J0IHR5cGUgeyBTZWFyY2hJbnB1dFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXApYFxuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcbiAgbWluLXdpZHRoOiA2MTBweDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMiddfSAke3RoZW1lLnNwYWNlWycxJ119YH07XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm90aGVyLmVsZXZhdGlvbi5iYWNrZ3JvdW5kLnJhaXNlZH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2hhZG93cy5yYWlzZWRbMF19LCAke3RoZW1lLnNoYWRvd3MucmFpc2VkWzFdfWB9O1xuYFxuXG5jb25zdCBTdHlsZWRUZXh0SW5wdXRWMiA9IHN0eWxlZChUZXh0SW5wdXRWMilgXG4gICR7QmFzaWNQcmVmaXhTdGFja30ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuXG4gICR7U3R5bGVkSW5wdXR9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5cbiAgJHtCYXNpY1N1ZmZpeFN0YWNrfSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5gXG5cbi8qKlxuICogU2VhcmNoSW5wdXQgaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgdXNlcnMgdG8gc2VhcmNoIGZvciBpdGVtcy4gSXQgaXMgYSBjb21iaW5hdGlvbiBvZiBhIFRleHRJbnB1dFYyIGFuZCBhIFBvcHVwLiBUaGUgUG9wdXAgaXMgdXNlZCB0byBkaXNwbGF5IHNlYXJjaCByZXN1bHRzLlxuICogQ2hpbGRyZW4gb2YgdGhlIFNlYXJjaElucHV0IGNvbXBvbmVudCBjYW4gYmUgYSBmdW5jdGlvbiB0aGF0IHJlY2VpdmVzIGFuIG9iamVjdCB3aXRoIHRoZSBmb2xsb3dpbmcgcHJvcGVydGllczpcbiAqIC0gYHNlYXJjaFRlcm1zYDogdGhlIGN1cnJlbnQgc2VhcmNoIHRlcm1zXG4gKiAtIGBpc09wZW5gOiBhIGJvb2xlYW4gaW5kaWNhdGluZyBpZiB0aGUgcG9wdXAgaXMgb3BlblxuICogLSBgdG9nZ2xlSXNPcGVuYDogYSBmdW5jdGlvbiB0byB0b2dnbGUgdGhlIHBvcHVwXG4gKi9cbmV4cG9ydCBjb25zdCBTZWFyY2hJbnB1dCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgbG9hZGluZyxcbiAgICAgIHNpemUsXG4gICAgICBwb3B1cFBsYWNlbWVudCxcbiAgICAgIHRocmVzaG9sZCA9IDAsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIG9uU2VhcmNoLFxuICAgICAgb25DbG9zZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBzaG9ydGN1dCA9IGZhbHNlLFxuICAgICAgZXJyb3IsXG4gICAgICBkaXNhYmxlZCxcbiAgICB9OiBTZWFyY2hJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBmb2N1c2VkTGlua0luZGV4ID0gdXNlUmVmKDApXG4gICAgY29uc3QgcG9wdXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgW2NvbnRhaW5lcldpZHRoLCBzZXRDb250YWluZXJXaWR0aF0gPSB1c2VTdGF0ZSgwKVxuICAgIGNvbnN0IFtzZWFyY2hUZXJtcywgc2V0U2VhcmNoVGVybXNdID0gdXNlU3RhdGUoJycpXG4gICAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlSXNPcGVuXSA9IHVzZVJlZHVjZXIoc3RhdGUgPT4gIXN0YXRlLCBmYWxzZSlcbiAgICBjb25zdCBpbm5lclNlYXJjaElucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShcbiAgICAgIHJlZixcbiAgICAgICgpID0+IGlubmVyU2VhcmNoSW5wdXRSZWYuY3VycmVudCBhcyBIVE1MSW5wdXRFbGVtZW50LFxuICAgIClcblxuICAgIGNvbnN0IGNvbnRlbnQgPVxuICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgID8gY2hpbGRyZW4oeyBzZWFyY2hUZXJtcywgaXNPcGVuLCB0b2dnbGVJc09wZW4gfSlcbiAgICAgICAgOiBjaGlsZHJlblxuXG4gICAgY29uc3QgcmVzaXplU2VhcmNoQmFyID0gKCkgPT4ge1xuICAgICAgaWYgKHBvcHVwUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgc2V0Q29udGFpbmVyV2lkdGgocG9wdXBSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBoYW5kbGVOYXZpZ2F0aW9uID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBsaW5rcyA9IFsuLi4ocG9wdXBSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvckFsbCgnYScpID8/IFtdKV1cblxuICAgICAgaWYgKFxuICAgICAgICBsaW5rcy5sZW5ndGggPiAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA+PSAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA8PSBsaW5rcy5sZW5ndGhcbiAgICAgICkge1xuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC0gMSA8IDApIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IGxpbmtzLmxlbmd0aCAtIDFcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC09IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICsgMSA+PSBsaW5rcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IDBcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICs9IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcblxuICAgICAgcmV0dXJuICgpID0+IGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcbiAgICB9LCBbXSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICByZXNpemVTZWFyY2hCYXIoKVxuXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgcmVzaXplU2VhcmNoQmFyKVxuXG4gICAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2l6ZVNlYXJjaEJhcilcbiAgICB9LCBbXSlcblxuICAgIGNvbnN0IG9uU2VhcmNoQ2FsbGJhY2sgPSAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgc2V0U2VhcmNoVGVybXModmFsdWUpXG5cbiAgICAgIHRyeSB7XG4gICAgICAgIG9uU2VhcmNoKHZhbHVlKVxuICAgICAgICBpZiAodmFsdWUubGVuZ3RoID49IHRocmVzaG9sZCAmJiAhaXNPcGVuKSB7XG4gICAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgICAgfVxuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIHRvZ2dsZUlzT3BlbigpXG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3Qgb25DbG9zZUNhbGxiYWNrID0gKCkgPT4ge1xuICAgICAgb25DbG9zZT8uKClcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBpc01hY09TID0gbmF2aWdhdG9yLnVzZXJBZ2VudC5pbmNsdWRlcygnTWFjJylcblxuICAgIGNvbnN0IGhhbmRsZVNob3J0Y3V0ID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgeyBjdHJsS2V5LCBtZXRhS2V5LCBrZXkgfSA9IGV2ZW50XG5cbiAgICAgICAgaWYgKFxuICAgICAgICAgIChrZXkgPT09ICdrJyB8fCBrZXkgPT09ICdLJykgJiZcbiAgICAgICAgICAoKCFpc01hY09TICYmIGN0cmxLZXkpIHx8IChpc01hY09TICYmIG1ldGFLZXkpKVxuICAgICAgICApIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgaW5uZXJTZWFyY2hJbnB1dFJlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbaXNNYWNPUywgaW5uZXJTZWFyY2hJbnB1dFJlZl0sXG4gICAgKVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChzaG9ydGN1dCAmJiAhZGlzYWJsZWQpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgaGFuZGxlU2hvcnRjdXQpXG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIGhhbmRsZVNob3J0Y3V0KVxuICAgICAgfVxuICAgIH0sIFtoYW5kbGVTaG9ydGN1dCwgc2hvcnRjdXQsIGRpc2FibGVkXSlcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgICBkYXRhLXRlc3RpZD17YHBvcHVwLSR7ZGF0YVRlc3RJZH1gfVxuICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgIHZpc2libGU9e2lzT3Blbn1cbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlQ2FsbGJhY2t9XG4gICAgICAgICAgcGxhY2VtZW50PXtwb3B1cFBsYWNlbWVudH1cbiAgICAgICAgICBtYXhXaWR0aD17Y29udGFpbmVyV2lkdGh9XG4gICAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgICAgaGFzQXJyb3c9e2ZhbHNlfVxuICAgICAgICAgIGlubmVyUmVmPXtwb3B1cFJlZn1cbiAgICAgICAgICB0ZXh0PXtjb250ZW50fVxuICAgICAgICAgIG1heEhlaWdodD17NDEwfVxuICAgICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVGV4dElucHV0VjJcbiAgICAgICAgICAgIHJlZj17aW5uZXJTZWFyY2hJbnB1dFJlZn1cbiAgICAgICAgICAgIHByZWZpeD17XG4gICAgICAgICAgICAgIDxJY29uIG5hbWU9XCJzZWFyY2hcIiBkaXNhYmxlZD17ZGlzYWJsZWR9IHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc3VmZml4PXtcbiAgICAgICAgICAgICAgc2hvcnRjdXQgJiYgc2VhcmNoVGVybXMubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgICAgICAgIDxLZXlHcm91cFxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAga2V5cz17W2lzTWFjT1MgPyAn4oyYJyA6ICdDdHJsJywgJ0snXX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogdW5kZWZpbmVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGVycm9yPXtlcnJvcn1cbiAgICAgICAgICAgIHZhbHVlPXtzZWFyY2hUZXJtc31cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2FsbGJhY2t9XG4gICAgICAgICAgICBjbGVhcmFibGVcbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZFBvcHVwPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
|
|
24
|
+
const StyledTextInputV2 = /* @__PURE__ */ _styled__default.default(index$1.TextInputV2, process.env.NODE_ENV === "production" ? {
|
|
25
|
+
target: "eefux4u0"
|
|
26
|
+
} : {
|
|
27
|
+
target: "eefux4u0",
|
|
28
|
+
label: "StyledTextInputV2"
|
|
29
|
+
})(index$1.BasicPrefixStack, "{border:none;}", index$1.StyledInput, "{padding:0;}", index$1.BasicSuffixStack, "{border:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjZDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWR1Y2VyLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFBvcHVwIH0gZnJvbSAnLi4vUG9wdXAnXG5pbXBvcnQge1xuICBCYXNpY1ByZWZpeFN0YWNrLFxuICBCYXNpY1N1ZmZpeFN0YWNrLFxuICBTdHlsZWRJbnB1dCxcbiAgVGV4dElucHV0VjIsXG59IGZyb20gJy4uL1RleHRJbnB1dFYyJ1xuaW1wb3J0IHsgS2V5R3JvdXAgfSBmcm9tICcuL0tleUdyb3VwJ1xuaW1wb3J0IHR5cGUgeyBTZWFyY2hJbnB1dFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXApYFxuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcbiAgbWluLXdpZHRoOiA2MTBweDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMiddfSAke3RoZW1lLnNwYWNlWycxJ119YH07XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm90aGVyLmVsZXZhdGlvbi5iYWNrZ3JvdW5kLnJhaXNlZH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2hhZG93cy5yYWlzZWRbMF19LCAke3RoZW1lLnNoYWRvd3MucmFpc2VkWzFdfWB9O1xuYFxuXG5jb25zdCBTdHlsZWRUZXh0SW5wdXRWMiA9IHN0eWxlZChUZXh0SW5wdXRWMilgXG4gICR7QmFzaWNQcmVmaXhTdGFja30ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuXG4gICR7U3R5bGVkSW5wdXR9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5cbiAgJHtCYXNpY1N1ZmZpeFN0YWNrfSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5gXG5cbi8qKlxuICogU2VhcmNoSW5wdXQgaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgdXNlcnMgdG8gc2VhcmNoIGZvciBpdGVtcy4gSXQgaXMgYSBjb21iaW5hdGlvbiBvZiBhIFRleHRJbnB1dFYyIGFuZCBhIFBvcHVwLiBUaGUgUG9wdXAgaXMgdXNlZCB0byBkaXNwbGF5IHNlYXJjaCByZXN1bHRzLlxuICogQ2hpbGRyZW4gb2YgdGhlIFNlYXJjaElucHV0IGNvbXBvbmVudCBjYW4gYmUgYSBmdW5jdGlvbiB0aGF0IHJlY2VpdmVzIGFuIG9iamVjdCB3aXRoIHRoZSBmb2xsb3dpbmcgcHJvcGVydGllczpcbiAqIC0gYHNlYXJjaFRlcm1zYDogdGhlIGN1cnJlbnQgc2VhcmNoIHRlcm1zXG4gKiAtIGBpc09wZW5gOiBhIGJvb2xlYW4gaW5kaWNhdGluZyBpZiB0aGUgcG9wdXAgaXMgb3BlblxuICogLSBgdG9nZ2xlSXNPcGVuYDogYSBmdW5jdGlvbiB0byB0b2dnbGUgdGhlIHBvcHVwXG4gKi9cbmV4cG9ydCBjb25zdCBTZWFyY2hJbnB1dCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgbG9hZGluZyxcbiAgICAgIHNpemUsXG4gICAgICBwb3B1cFBsYWNlbWVudCxcbiAgICAgIHRocmVzaG9sZCA9IDAsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIG9uU2VhcmNoLFxuICAgICAgb25DbG9zZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBzaG9ydGN1dCA9IGZhbHNlLFxuICAgICAgZXJyb3IsXG4gICAgICBkaXNhYmxlZCxcbiAgICB9OiBTZWFyY2hJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBmb2N1c2VkTGlua0luZGV4ID0gdXNlUmVmKDApXG4gICAgY29uc3QgcG9wdXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgW2NvbnRhaW5lcldpZHRoLCBzZXRDb250YWluZXJXaWR0aF0gPSB1c2VTdGF0ZSgwKVxuICAgIGNvbnN0IFtzZWFyY2hUZXJtcywgc2V0U2VhcmNoVGVybXNdID0gdXNlU3RhdGUoJycpXG4gICAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlSXNPcGVuXSA9IHVzZVJlZHVjZXIoc3RhdGUgPT4gIXN0YXRlLCBmYWxzZSlcbiAgICBjb25zdCBpbm5lclNlYXJjaElucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShcbiAgICAgIHJlZixcbiAgICAgICgpID0+IGlubmVyU2VhcmNoSW5wdXRSZWYuY3VycmVudCBhcyBIVE1MSW5wdXRFbGVtZW50LFxuICAgIClcblxuICAgIGNvbnN0IGNvbnRlbnQgPVxuICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgID8gY2hpbGRyZW4oeyBzZWFyY2hUZXJtcywgaXNPcGVuLCB0b2dnbGVJc09wZW4gfSlcbiAgICAgICAgOiBjaGlsZHJlblxuXG4gICAgY29uc3QgcmVzaXplU2VhcmNoQmFyID0gKCkgPT4ge1xuICAgICAgaWYgKHBvcHVwUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgc2V0Q29udGFpbmVyV2lkdGgocG9wdXBSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBoYW5kbGVOYXZpZ2F0aW9uID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBsaW5rcyA9IFsuLi4ocG9wdXBSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvckFsbCgnYScpID8/IFtdKV1cblxuICAgICAgaWYgKFxuICAgICAgICBsaW5rcy5sZW5ndGggPiAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA+PSAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA8PSBsaW5rcy5sZW5ndGhcbiAgICAgICkge1xuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC0gMSA8IDApIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IGxpbmtzLmxlbmd0aCAtIDFcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC09IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICsgMSA+PSBsaW5rcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IDBcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICs9IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcblxuICAgICAgcmV0dXJuICgpID0+IGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcbiAgICB9LCBbXSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICByZXNpemVTZWFyY2hCYXIoKVxuXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgcmVzaXplU2VhcmNoQmFyKVxuXG4gICAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2l6ZVNlYXJjaEJhcilcbiAgICB9LCBbXSlcblxuICAgIGNvbnN0IG9uU2VhcmNoQ2FsbGJhY2sgPSAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgc2V0U2VhcmNoVGVybXModmFsdWUpXG5cbiAgICAgIHRyeSB7XG4gICAgICAgIG9uU2VhcmNoKHZhbHVlKVxuICAgICAgICBpZiAodmFsdWUubGVuZ3RoID49IHRocmVzaG9sZCAmJiAhaXNPcGVuKSB7XG4gICAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgICAgfVxuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIHRvZ2dsZUlzT3BlbigpXG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3Qgb25DbG9zZUNhbGxiYWNrID0gKCkgPT4ge1xuICAgICAgb25DbG9zZT8uKClcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBpc01hY09TID0gbmF2aWdhdG9yLnVzZXJBZ2VudC5pbmNsdWRlcygnTWFjJylcblxuICAgIGNvbnN0IGhhbmRsZVNob3J0Y3V0ID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgeyBjdHJsS2V5LCBtZXRhS2V5LCBrZXkgfSA9IGV2ZW50XG5cbiAgICAgICAgaWYgKFxuICAgICAgICAgIChrZXkgPT09ICdrJyB8fCBrZXkgPT09ICdLJykgJiZcbiAgICAgICAgICAoKCFpc01hY09TICYmIGN0cmxLZXkpIHx8IChpc01hY09TICYmIG1ldGFLZXkpKVxuICAgICAgICApIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgaW5uZXJTZWFyY2hJbnB1dFJlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbaXNNYWNPUywgaW5uZXJTZWFyY2hJbnB1dFJlZl0sXG4gICAgKVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChzaG9ydGN1dCAmJiAhZGlzYWJsZWQpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgaGFuZGxlU2hvcnRjdXQpXG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIGhhbmRsZVNob3J0Y3V0KVxuICAgICAgfVxuICAgIH0sIFtoYW5kbGVTaG9ydGN1dCwgc2hvcnRjdXQsIGRpc2FibGVkXSlcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgICBkYXRhLXRlc3RpZD17YHBvcHVwLSR7ZGF0YVRlc3RJZH1gfVxuICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgIHZpc2libGU9e2lzT3Blbn1cbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlQ2FsbGJhY2t9XG4gICAgICAgICAgcGxhY2VtZW50PXtwb3B1cFBsYWNlbWVudH1cbiAgICAgICAgICBtYXhXaWR0aD17Y29udGFpbmVyV2lkdGh9XG4gICAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgICAgaGFzQXJyb3c9e2ZhbHNlfVxuICAgICAgICAgIGlubmVyUmVmPXtwb3B1cFJlZn1cbiAgICAgICAgICB0ZXh0PXtjb250ZW50fVxuICAgICAgICAgIG1heEhlaWdodD17NDEwfVxuICAgICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVGV4dElucHV0VjJcbiAgICAgICAgICAgIHJlZj17aW5uZXJTZWFyY2hJbnB1dFJlZn1cbiAgICAgICAgICAgIHByZWZpeD17XG4gICAgICAgICAgICAgIDxJY29uIG5hbWU9XCJzZWFyY2hcIiBkaXNhYmxlZD17ZGlzYWJsZWR9IHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc3VmZml4PXtcbiAgICAgICAgICAgICAgc2hvcnRjdXQgJiYgc2VhcmNoVGVybXMubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgICAgICAgIDxLZXlHcm91cFxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAga2V5cz17W2lzTWFjT1MgPyAn4oyYJyA6ICdDdHJsJywgJ0snXX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogdW5kZWZpbmVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGVycm9yPXtlcnJvcn1cbiAgICAgICAgICAgIHZhbHVlPXtzZWFyY2hUZXJtc31cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2FsbGJhY2t9XG4gICAgICAgICAgICBjbGVhcmFibGVcbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZFBvcHVwPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
|
|
23
30
|
const SearchInput = React.forwardRef(({
|
|
24
31
|
placeholder,
|
|
25
32
|
label,
|
|
26
33
|
loading,
|
|
27
34
|
size,
|
|
28
|
-
suffix,
|
|
29
35
|
popupPlacement,
|
|
30
36
|
threshold = 0,
|
|
31
37
|
children,
|
|
32
38
|
onSearch,
|
|
33
39
|
onClose,
|
|
34
|
-
"data-testid": dataTestId
|
|
40
|
+
"data-testid": dataTestId,
|
|
41
|
+
shortcut = false,
|
|
42
|
+
error,
|
|
43
|
+
disabled
|
|
35
44
|
}, ref) => {
|
|
36
45
|
const focusedLinkIndex = React.useRef(0);
|
|
37
46
|
const popupRef = React.useRef(null);
|
|
38
47
|
const [containerWidth, setContainerWidth] = React.useState(0);
|
|
39
48
|
const [searchTerms, setSearchTerms] = React.useState("");
|
|
40
49
|
const [isOpen, toggleIsOpen] = React.useReducer((state) => !state, false);
|
|
50
|
+
const innerSearchInputRef = React.useRef(null);
|
|
51
|
+
React.useImperativeHandle(ref, () => innerSearchInputRef.current);
|
|
41
52
|
const content = typeof children === "function" ? children({
|
|
42
53
|
searchTerms,
|
|
43
54
|
isOpen,
|
|
@@ -95,6 +106,26 @@ const SearchInput = React.forwardRef(({
|
|
|
95
106
|
toggleIsOpen();
|
|
96
107
|
}
|
|
97
108
|
};
|
|
98
|
-
|
|
109
|
+
const isMacOS = navigator.userAgent.includes("Mac");
|
|
110
|
+
const handleShortcut = React.useCallback((event) => {
|
|
111
|
+
const {
|
|
112
|
+
ctrlKey,
|
|
113
|
+
metaKey,
|
|
114
|
+
key
|
|
115
|
+
} = event;
|
|
116
|
+
if ((key === "k" || key === "K") && (!isMacOS && ctrlKey || isMacOS && metaKey)) {
|
|
117
|
+
event.preventDefault();
|
|
118
|
+
innerSearchInputRef.current?.focus();
|
|
119
|
+
}
|
|
120
|
+
}, [isMacOS, innerSearchInputRef]);
|
|
121
|
+
React.useEffect(() => {
|
|
122
|
+
if (shortcut && !disabled) {
|
|
123
|
+
document.body.addEventListener("keydown", handleShortcut);
|
|
124
|
+
}
|
|
125
|
+
return () => {
|
|
126
|
+
document.body.removeEventListener("keydown", handleShortcut);
|
|
127
|
+
};
|
|
128
|
+
}, [handleShortcut, shortcut, disabled]);
|
|
129
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(StyledPopup, { "data-testid": `popup-${dataTestId}`, role: "dialog", visible: isOpen, onClose: onCloseCallback, placement: popupPlacement, maxWidth: containerWidth, hideOnClickOutside: true, hasArrow: false, innerRef: popupRef, text: content, maxHeight: 410, debounceDelay: 0, children: /* @__PURE__ */ jsxRuntime.jsx(StyledTextInputV2, { ref: innerSearchInputRef, prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "search", disabled, sentiment: "neutral" }), suffix: shortcut && searchTerms.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(KeyGroup.KeyGroup, { disabled, keys: [isMacOS ? "⌘" : "Ctrl", "K"] }) : void 0, "data-testid": dataTestId, error, value: searchTerms, size, label, placeholder, loading, onChange: onSearchCallback, clearable: true, disabled }) }) });
|
|
99
130
|
});
|
|
100
131
|
exports.SearchInput = SearchInput;
|
|
@@ -13,6 +13,7 @@ export declare const SearchInput: import("react").ForwardRefExoticComponent<{
|
|
|
13
13
|
onSearch: (value: string) => void;
|
|
14
14
|
onClose?: () => void;
|
|
15
15
|
"data-testid"?: string;
|
|
16
|
+
shortcut?: boolean;
|
|
16
17
|
} & Pick<{
|
|
17
18
|
className?: string;
|
|
18
19
|
clearable?: boolean;
|
|
@@ -33,4 +34,4 @@ export declare const SearchInput: import("react").ForwardRefExoticComponent<{
|
|
|
33
34
|
tooltip?: string;
|
|
34
35
|
type?: "text" | "password" | "url" | "email";
|
|
35
36
|
value?: string;
|
|
36
|
-
} & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "id" | "tabIndex" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onKeyDown" | "name" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "required"> & import("react").RefAttributes<HTMLInputElement>, "label" | "size" | "
|
|
37
|
+
} & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "id" | "tabIndex" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onKeyDown" | "name" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "required"> & import("react").RefAttributes<HTMLInputElement>, "label" | "size" | "error" | "disabled" | "loading" | "placeholder"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1,39 +1,50 @@
|
|
|
1
1
|
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import _styled from "@emotion/styled/base";
|
|
3
3
|
import { Icon } from "@ultraviolet/icons";
|
|
4
|
-
import { forwardRef, useRef, useState, useReducer, useEffect } from "react";
|
|
4
|
+
import { forwardRef, useRef, useState, useReducer, useImperativeHandle, useEffect, useCallback } from "react";
|
|
5
5
|
import { Popup } from "../Popup/index.js";
|
|
6
|
-
import { TextInputV2 } from "../TextInputV2/index.js";
|
|
6
|
+
import { TextInputV2, BasicPrefixStack, StyledInput, BasicSuffixStack } from "../TextInputV2/index.js";
|
|
7
|
+
import { KeyGroup } from "./KeyGroup.js";
|
|
7
8
|
const StyledPopup = /* @__PURE__ */ _styled(Popup, process.env.NODE_ENV === "production" ? {
|
|
8
|
-
target: "
|
|
9
|
+
target: "eefux4u1"
|
|
9
10
|
} : {
|
|
10
|
-
target: "
|
|
11
|
+
target: "eefux4u1",
|
|
11
12
|
label: "StyledPopup"
|
|
12
13
|
})("width:100%;text-align:initial;min-width:610px;padding:", ({
|
|
13
14
|
theme
|
|
14
15
|
}) => `${theme.space["2"]} ${theme.space["1"]}`, ";background:", ({
|
|
15
16
|
theme
|
|
16
|
-
}) => theme.colors.
|
|
17
|
+
}) => theme.colors.other.elevation.background.raised, ";box-shadow:", ({
|
|
17
18
|
theme
|
|
18
|
-
}) => theme.shadows.
|
|
19
|
+
}) => `${theme.shadows.raised[0]}, ${theme.shadows.raised[1]}`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWR1Y2VyLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFBvcHVwIH0gZnJvbSAnLi4vUG9wdXAnXG5pbXBvcnQge1xuICBCYXNpY1ByZWZpeFN0YWNrLFxuICBCYXNpY1N1ZmZpeFN0YWNrLFxuICBTdHlsZWRJbnB1dCxcbiAgVGV4dElucHV0VjIsXG59IGZyb20gJy4uL1RleHRJbnB1dFYyJ1xuaW1wb3J0IHsgS2V5R3JvdXAgfSBmcm9tICcuL0tleUdyb3VwJ1xuaW1wb3J0IHR5cGUgeyBTZWFyY2hJbnB1dFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXApYFxuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcbiAgbWluLXdpZHRoOiA2MTBweDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMiddfSAke3RoZW1lLnNwYWNlWycxJ119YH07XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm90aGVyLmVsZXZhdGlvbi5iYWNrZ3JvdW5kLnJhaXNlZH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2hhZG93cy5yYWlzZWRbMF19LCAke3RoZW1lLnNoYWRvd3MucmFpc2VkWzFdfWB9O1xuYFxuXG5jb25zdCBTdHlsZWRUZXh0SW5wdXRWMiA9IHN0eWxlZChUZXh0SW5wdXRWMilgXG4gICR7QmFzaWNQcmVmaXhTdGFja30ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuXG4gICR7U3R5bGVkSW5wdXR9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5cbiAgJHtCYXNpY1N1ZmZpeFN0YWNrfSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5gXG5cbi8qKlxuICogU2VhcmNoSW5wdXQgaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgdXNlcnMgdG8gc2VhcmNoIGZvciBpdGVtcy4gSXQgaXMgYSBjb21iaW5hdGlvbiBvZiBhIFRleHRJbnB1dFYyIGFuZCBhIFBvcHVwLiBUaGUgUG9wdXAgaXMgdXNlZCB0byBkaXNwbGF5IHNlYXJjaCByZXN1bHRzLlxuICogQ2hpbGRyZW4gb2YgdGhlIFNlYXJjaElucHV0IGNvbXBvbmVudCBjYW4gYmUgYSBmdW5jdGlvbiB0aGF0IHJlY2VpdmVzIGFuIG9iamVjdCB3aXRoIHRoZSBmb2xsb3dpbmcgcHJvcGVydGllczpcbiAqIC0gYHNlYXJjaFRlcm1zYDogdGhlIGN1cnJlbnQgc2VhcmNoIHRlcm1zXG4gKiAtIGBpc09wZW5gOiBhIGJvb2xlYW4gaW5kaWNhdGluZyBpZiB0aGUgcG9wdXAgaXMgb3BlblxuICogLSBgdG9nZ2xlSXNPcGVuYDogYSBmdW5jdGlvbiB0byB0b2dnbGUgdGhlIHBvcHVwXG4gKi9cbmV4cG9ydCBjb25zdCBTZWFyY2hJbnB1dCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgbG9hZGluZyxcbiAgICAgIHNpemUsXG4gICAgICBwb3B1cFBsYWNlbWVudCxcbiAgICAgIHRocmVzaG9sZCA9IDAsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIG9uU2VhcmNoLFxuICAgICAgb25DbG9zZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBzaG9ydGN1dCA9IGZhbHNlLFxuICAgICAgZXJyb3IsXG4gICAgICBkaXNhYmxlZCxcbiAgICB9OiBTZWFyY2hJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBmb2N1c2VkTGlua0luZGV4ID0gdXNlUmVmKDApXG4gICAgY29uc3QgcG9wdXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgW2NvbnRhaW5lcldpZHRoLCBzZXRDb250YWluZXJXaWR0aF0gPSB1c2VTdGF0ZSgwKVxuICAgIGNvbnN0IFtzZWFyY2hUZXJtcywgc2V0U2VhcmNoVGVybXNdID0gdXNlU3RhdGUoJycpXG4gICAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlSXNPcGVuXSA9IHVzZVJlZHVjZXIoc3RhdGUgPT4gIXN0YXRlLCBmYWxzZSlcbiAgICBjb25zdCBpbm5lclNlYXJjaElucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShcbiAgICAgIHJlZixcbiAgICAgICgpID0+IGlubmVyU2VhcmNoSW5wdXRSZWYuY3VycmVudCBhcyBIVE1MSW5wdXRFbGVtZW50LFxuICAgIClcblxuICAgIGNvbnN0IGNvbnRlbnQgPVxuICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgID8gY2hpbGRyZW4oeyBzZWFyY2hUZXJtcywgaXNPcGVuLCB0b2dnbGVJc09wZW4gfSlcbiAgICAgICAgOiBjaGlsZHJlblxuXG4gICAgY29uc3QgcmVzaXplU2VhcmNoQmFyID0gKCkgPT4ge1xuICAgICAgaWYgKHBvcHVwUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgc2V0Q29udGFpbmVyV2lkdGgocG9wdXBSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBoYW5kbGVOYXZpZ2F0aW9uID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBsaW5rcyA9IFsuLi4ocG9wdXBSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvckFsbCgnYScpID8/IFtdKV1cblxuICAgICAgaWYgKFxuICAgICAgICBsaW5rcy5sZW5ndGggPiAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA+PSAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA8PSBsaW5rcy5sZW5ndGhcbiAgICAgICkge1xuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC0gMSA8IDApIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IGxpbmtzLmxlbmd0aCAtIDFcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC09IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICsgMSA+PSBsaW5rcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IDBcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICs9IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcblxuICAgICAgcmV0dXJuICgpID0+IGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcbiAgICB9LCBbXSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICByZXNpemVTZWFyY2hCYXIoKVxuXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgcmVzaXplU2VhcmNoQmFyKVxuXG4gICAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2l6ZVNlYXJjaEJhcilcbiAgICB9LCBbXSlcblxuICAgIGNvbnN0IG9uU2VhcmNoQ2FsbGJhY2sgPSAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgc2V0U2VhcmNoVGVybXModmFsdWUpXG5cbiAgICAgIHRyeSB7XG4gICAgICAgIG9uU2VhcmNoKHZhbHVlKVxuICAgICAgICBpZiAodmFsdWUubGVuZ3RoID49IHRocmVzaG9sZCAmJiAhaXNPcGVuKSB7XG4gICAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgICAgfVxuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIHRvZ2dsZUlzT3BlbigpXG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3Qgb25DbG9zZUNhbGxiYWNrID0gKCkgPT4ge1xuICAgICAgb25DbG9zZT8uKClcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBpc01hY09TID0gbmF2aWdhdG9yLnVzZXJBZ2VudC5pbmNsdWRlcygnTWFjJylcblxuICAgIGNvbnN0IGhhbmRsZVNob3J0Y3V0ID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgeyBjdHJsS2V5LCBtZXRhS2V5LCBrZXkgfSA9IGV2ZW50XG5cbiAgICAgICAgaWYgKFxuICAgICAgICAgIChrZXkgPT09ICdrJyB8fCBrZXkgPT09ICdLJykgJiZcbiAgICAgICAgICAoKCFpc01hY09TICYmIGN0cmxLZXkpIHx8IChpc01hY09TICYmIG1ldGFLZXkpKVxuICAgICAgICApIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgaW5uZXJTZWFyY2hJbnB1dFJlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbaXNNYWNPUywgaW5uZXJTZWFyY2hJbnB1dFJlZl0sXG4gICAgKVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChzaG9ydGN1dCAmJiAhZGlzYWJsZWQpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgaGFuZGxlU2hvcnRjdXQpXG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIGhhbmRsZVNob3J0Y3V0KVxuICAgICAgfVxuICAgIH0sIFtoYW5kbGVTaG9ydGN1dCwgc2hvcnRjdXQsIGRpc2FibGVkXSlcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgICBkYXRhLXRlc3RpZD17YHBvcHVwLSR7ZGF0YVRlc3RJZH1gfVxuICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgIHZpc2libGU9e2lzT3Blbn1cbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlQ2FsbGJhY2t9XG4gICAgICAgICAgcGxhY2VtZW50PXtwb3B1cFBsYWNlbWVudH1cbiAgICAgICAgICBtYXhXaWR0aD17Y29udGFpbmVyV2lkdGh9XG4gICAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgICAgaGFzQXJyb3c9e2ZhbHNlfVxuICAgICAgICAgIGlubmVyUmVmPXtwb3B1cFJlZn1cbiAgICAgICAgICB0ZXh0PXtjb250ZW50fVxuICAgICAgICAgIG1heEhlaWdodD17NDEwfVxuICAgICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVGV4dElucHV0VjJcbiAgICAgICAgICAgIHJlZj17aW5uZXJTZWFyY2hJbnB1dFJlZn1cbiAgICAgICAgICAgIHByZWZpeD17XG4gICAgICAgICAgICAgIDxJY29uIG5hbWU9XCJzZWFyY2hcIiBkaXNhYmxlZD17ZGlzYWJsZWR9IHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc3VmZml4PXtcbiAgICAgICAgICAgICAgc2hvcnRjdXQgJiYgc2VhcmNoVGVybXMubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgICAgICAgIDxLZXlHcm91cFxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAga2V5cz17W2lzTWFjT1MgPyAn4oyYJyA6ICdDdHJsJywgJ0snXX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogdW5kZWZpbmVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGVycm9yPXtlcnJvcn1cbiAgICAgICAgICAgIHZhbHVlPXtzZWFyY2hUZXJtc31cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2FsbGJhY2t9XG4gICAgICAgICAgICBjbGVhcmFibGVcbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZFBvcHVwPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
|
|
20
|
+
const StyledTextInputV2 = /* @__PURE__ */ _styled(TextInputV2, process.env.NODE_ENV === "production" ? {
|
|
21
|
+
target: "eefux4u0"
|
|
22
|
+
} : {
|
|
23
|
+
target: "eefux4u0",
|
|
24
|
+
label: "StyledTextInputV2"
|
|
25
|
+
})(BasicPrefixStack, "{border:none;}", StyledInput, "{padding:0;}", BasicSuffixStack, "{border:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjZDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWR1Y2VyLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFBvcHVwIH0gZnJvbSAnLi4vUG9wdXAnXG5pbXBvcnQge1xuICBCYXNpY1ByZWZpeFN0YWNrLFxuICBCYXNpY1N1ZmZpeFN0YWNrLFxuICBTdHlsZWRJbnB1dCxcbiAgVGV4dElucHV0VjIsXG59IGZyb20gJy4uL1RleHRJbnB1dFYyJ1xuaW1wb3J0IHsgS2V5R3JvdXAgfSBmcm9tICcuL0tleUdyb3VwJ1xuaW1wb3J0IHR5cGUgeyBTZWFyY2hJbnB1dFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXApYFxuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcbiAgbWluLXdpZHRoOiA2MTBweDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMiddfSAke3RoZW1lLnNwYWNlWycxJ119YH07XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm90aGVyLmVsZXZhdGlvbi5iYWNrZ3JvdW5kLnJhaXNlZH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2hhZG93cy5yYWlzZWRbMF19LCAke3RoZW1lLnNoYWRvd3MucmFpc2VkWzFdfWB9O1xuYFxuXG5jb25zdCBTdHlsZWRUZXh0SW5wdXRWMiA9IHN0eWxlZChUZXh0SW5wdXRWMilgXG4gICR7QmFzaWNQcmVmaXhTdGFja30ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuXG4gICR7U3R5bGVkSW5wdXR9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5cbiAgJHtCYXNpY1N1ZmZpeFN0YWNrfSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5gXG5cbi8qKlxuICogU2VhcmNoSW5wdXQgaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgdXNlcnMgdG8gc2VhcmNoIGZvciBpdGVtcy4gSXQgaXMgYSBjb21iaW5hdGlvbiBvZiBhIFRleHRJbnB1dFYyIGFuZCBhIFBvcHVwLiBUaGUgUG9wdXAgaXMgdXNlZCB0byBkaXNwbGF5IHNlYXJjaCByZXN1bHRzLlxuICogQ2hpbGRyZW4gb2YgdGhlIFNlYXJjaElucHV0IGNvbXBvbmVudCBjYW4gYmUgYSBmdW5jdGlvbiB0aGF0IHJlY2VpdmVzIGFuIG9iamVjdCB3aXRoIHRoZSBmb2xsb3dpbmcgcHJvcGVydGllczpcbiAqIC0gYHNlYXJjaFRlcm1zYDogdGhlIGN1cnJlbnQgc2VhcmNoIHRlcm1zXG4gKiAtIGBpc09wZW5gOiBhIGJvb2xlYW4gaW5kaWNhdGluZyBpZiB0aGUgcG9wdXAgaXMgb3BlblxuICogLSBgdG9nZ2xlSXNPcGVuYDogYSBmdW5jdGlvbiB0byB0b2dnbGUgdGhlIHBvcHVwXG4gKi9cbmV4cG9ydCBjb25zdCBTZWFyY2hJbnB1dCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgbG9hZGluZyxcbiAgICAgIHNpemUsXG4gICAgICBwb3B1cFBsYWNlbWVudCxcbiAgICAgIHRocmVzaG9sZCA9IDAsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIG9uU2VhcmNoLFxuICAgICAgb25DbG9zZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBzaG9ydGN1dCA9IGZhbHNlLFxuICAgICAgZXJyb3IsXG4gICAgICBkaXNhYmxlZCxcbiAgICB9OiBTZWFyY2hJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBmb2N1c2VkTGlua0luZGV4ID0gdXNlUmVmKDApXG4gICAgY29uc3QgcG9wdXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgW2NvbnRhaW5lcldpZHRoLCBzZXRDb250YWluZXJXaWR0aF0gPSB1c2VTdGF0ZSgwKVxuICAgIGNvbnN0IFtzZWFyY2hUZXJtcywgc2V0U2VhcmNoVGVybXNdID0gdXNlU3RhdGUoJycpXG4gICAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlSXNPcGVuXSA9IHVzZVJlZHVjZXIoc3RhdGUgPT4gIXN0YXRlLCBmYWxzZSlcbiAgICBjb25zdCBpbm5lclNlYXJjaElucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShcbiAgICAgIHJlZixcbiAgICAgICgpID0+IGlubmVyU2VhcmNoSW5wdXRSZWYuY3VycmVudCBhcyBIVE1MSW5wdXRFbGVtZW50LFxuICAgIClcblxuICAgIGNvbnN0IGNvbnRlbnQgPVxuICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgID8gY2hpbGRyZW4oeyBzZWFyY2hUZXJtcywgaXNPcGVuLCB0b2dnbGVJc09wZW4gfSlcbiAgICAgICAgOiBjaGlsZHJlblxuXG4gICAgY29uc3QgcmVzaXplU2VhcmNoQmFyID0gKCkgPT4ge1xuICAgICAgaWYgKHBvcHVwUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgc2V0Q29udGFpbmVyV2lkdGgocG9wdXBSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBoYW5kbGVOYXZpZ2F0aW9uID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBsaW5rcyA9IFsuLi4ocG9wdXBSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvckFsbCgnYScpID8/IFtdKV1cblxuICAgICAgaWYgKFxuICAgICAgICBsaW5rcy5sZW5ndGggPiAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA+PSAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA8PSBsaW5rcy5sZW5ndGhcbiAgICAgICkge1xuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC0gMSA8IDApIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IGxpbmtzLmxlbmd0aCAtIDFcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC09IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICsgMSA+PSBsaW5rcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IDBcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICs9IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcblxuICAgICAgcmV0dXJuICgpID0+IGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcbiAgICB9LCBbXSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICByZXNpemVTZWFyY2hCYXIoKVxuXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgcmVzaXplU2VhcmNoQmFyKVxuXG4gICAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2l6ZVNlYXJjaEJhcilcbiAgICB9LCBbXSlcblxuICAgIGNvbnN0IG9uU2VhcmNoQ2FsbGJhY2sgPSAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgc2V0U2VhcmNoVGVybXModmFsdWUpXG5cbiAgICAgIHRyeSB7XG4gICAgICAgIG9uU2VhcmNoKHZhbHVlKVxuICAgICAgICBpZiAodmFsdWUubGVuZ3RoID49IHRocmVzaG9sZCAmJiAhaXNPcGVuKSB7XG4gICAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgICAgfVxuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIHRvZ2dsZUlzT3BlbigpXG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3Qgb25DbG9zZUNhbGxiYWNrID0gKCkgPT4ge1xuICAgICAgb25DbG9zZT8uKClcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBpc01hY09TID0gbmF2aWdhdG9yLnVzZXJBZ2VudC5pbmNsdWRlcygnTWFjJylcblxuICAgIGNvbnN0IGhhbmRsZVNob3J0Y3V0ID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgeyBjdHJsS2V5LCBtZXRhS2V5LCBrZXkgfSA9IGV2ZW50XG5cbiAgICAgICAgaWYgKFxuICAgICAgICAgIChrZXkgPT09ICdrJyB8fCBrZXkgPT09ICdLJykgJiZcbiAgICAgICAgICAoKCFpc01hY09TICYmIGN0cmxLZXkpIHx8IChpc01hY09TICYmIG1ldGFLZXkpKVxuICAgICAgICApIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgaW5uZXJTZWFyY2hJbnB1dFJlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbaXNNYWNPUywgaW5uZXJTZWFyY2hJbnB1dFJlZl0sXG4gICAgKVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChzaG9ydGN1dCAmJiAhZGlzYWJsZWQpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgaGFuZGxlU2hvcnRjdXQpXG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIGhhbmRsZVNob3J0Y3V0KVxuICAgICAgfVxuICAgIH0sIFtoYW5kbGVTaG9ydGN1dCwgc2hvcnRjdXQsIGRpc2FibGVkXSlcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgICBkYXRhLXRlc3RpZD17YHBvcHVwLSR7ZGF0YVRlc3RJZH1gfVxuICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgIHZpc2libGU9e2lzT3Blbn1cbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlQ2FsbGJhY2t9XG4gICAgICAgICAgcGxhY2VtZW50PXtwb3B1cFBsYWNlbWVudH1cbiAgICAgICAgICBtYXhXaWR0aD17Y29udGFpbmVyV2lkdGh9XG4gICAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgICAgaGFzQXJyb3c9e2ZhbHNlfVxuICAgICAgICAgIGlubmVyUmVmPXtwb3B1cFJlZn1cbiAgICAgICAgICB0ZXh0PXtjb250ZW50fVxuICAgICAgICAgIG1heEhlaWdodD17NDEwfVxuICAgICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVGV4dElucHV0VjJcbiAgICAgICAgICAgIHJlZj17aW5uZXJTZWFyY2hJbnB1dFJlZn1cbiAgICAgICAgICAgIHByZWZpeD17XG4gICAgICAgICAgICAgIDxJY29uIG5hbWU9XCJzZWFyY2hcIiBkaXNhYmxlZD17ZGlzYWJsZWR9IHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc3VmZml4PXtcbiAgICAgICAgICAgICAgc2hvcnRjdXQgJiYgc2VhcmNoVGVybXMubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgICAgICAgIDxLZXlHcm91cFxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAga2V5cz17W2lzTWFjT1MgPyAn4oyYJyA6ICdDdHJsJywgJ0snXX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogdW5kZWZpbmVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGVycm9yPXtlcnJvcn1cbiAgICAgICAgICAgIHZhbHVlPXtzZWFyY2hUZXJtc31cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2FsbGJhY2t9XG4gICAgICAgICAgICBjbGVhcmFibGVcbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZFBvcHVwPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
|
|
19
26
|
const SearchInput = forwardRef(({
|
|
20
27
|
placeholder,
|
|
21
28
|
label,
|
|
22
29
|
loading,
|
|
23
30
|
size,
|
|
24
|
-
suffix,
|
|
25
31
|
popupPlacement,
|
|
26
32
|
threshold = 0,
|
|
27
33
|
children,
|
|
28
34
|
onSearch,
|
|
29
35
|
onClose,
|
|
30
|
-
"data-testid": dataTestId
|
|
36
|
+
"data-testid": dataTestId,
|
|
37
|
+
shortcut = false,
|
|
38
|
+
error,
|
|
39
|
+
disabled
|
|
31
40
|
}, ref) => {
|
|
32
41
|
const focusedLinkIndex = useRef(0);
|
|
33
42
|
const popupRef = useRef(null);
|
|
34
43
|
const [containerWidth, setContainerWidth] = useState(0);
|
|
35
44
|
const [searchTerms, setSearchTerms] = useState("");
|
|
36
45
|
const [isOpen, toggleIsOpen] = useReducer((state) => !state, false);
|
|
46
|
+
const innerSearchInputRef = useRef(null);
|
|
47
|
+
useImperativeHandle(ref, () => innerSearchInputRef.current);
|
|
37
48
|
const content = typeof children === "function" ? children({
|
|
38
49
|
searchTerms,
|
|
39
50
|
isOpen,
|
|
@@ -91,7 +102,27 @@ const SearchInput = forwardRef(({
|
|
|
91
102
|
toggleIsOpen();
|
|
92
103
|
}
|
|
93
104
|
};
|
|
94
|
-
|
|
105
|
+
const isMacOS = navigator.userAgent.includes("Mac");
|
|
106
|
+
const handleShortcut = useCallback((event) => {
|
|
107
|
+
const {
|
|
108
|
+
ctrlKey,
|
|
109
|
+
metaKey,
|
|
110
|
+
key
|
|
111
|
+
} = event;
|
|
112
|
+
if ((key === "k" || key === "K") && (!isMacOS && ctrlKey || isMacOS && metaKey)) {
|
|
113
|
+
event.preventDefault();
|
|
114
|
+
innerSearchInputRef.current?.focus();
|
|
115
|
+
}
|
|
116
|
+
}, [isMacOS, innerSearchInputRef]);
|
|
117
|
+
useEffect(() => {
|
|
118
|
+
if (shortcut && !disabled) {
|
|
119
|
+
document.body.addEventListener("keydown", handleShortcut);
|
|
120
|
+
}
|
|
121
|
+
return () => {
|
|
122
|
+
document.body.removeEventListener("keydown", handleShortcut);
|
|
123
|
+
};
|
|
124
|
+
}, [handleShortcut, shortcut, disabled]);
|
|
125
|
+
return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(StyledPopup, { "data-testid": `popup-${dataTestId}`, role: "dialog", visible: isOpen, onClose: onCloseCallback, placement: popupPlacement, maxWidth: containerWidth, hideOnClickOutside: true, hasArrow: false, innerRef: popupRef, text: content, maxHeight: 410, debounceDelay: 0, children: /* @__PURE__ */ jsx(StyledTextInputV2, { ref: innerSearchInputRef, prefix: /* @__PURE__ */ jsx(Icon, { name: "search", disabled, sentiment: "neutral" }), suffix: shortcut && searchTerms.length === 0 ? /* @__PURE__ */ jsx(KeyGroup, { disabled, keys: [isMacOS ? "⌘" : "Ctrl", "K"] }) : void 0, "data-testid": dataTestId, error, value: searchTerms, size, label, placeholder, loading, onChange: onSearchCallback, clearable: true, disabled }) }) });
|
|
95
126
|
});
|
|
96
127
|
export {
|
|
97
128
|
SearchInput
|
|
@@ -13,5 +13,9 @@ export type SearchInputProps = {
|
|
|
13
13
|
onSearch: (value: string) => void;
|
|
14
14
|
onClose?: () => void;
|
|
15
15
|
['data-testid']?: string;
|
|
16
|
-
|
|
16
|
+
/**
|
|
17
|
+
* If set to true images will be shown with key shortcut to focus the input on the right of the search bar
|
|
18
|
+
*/
|
|
19
|
+
shortcut?: boolean;
|
|
20
|
+
} & Pick<ComponentProps<typeof TextInputV2>, 'placeholder' | 'size' | 'label' | 'loading' | 'error' | 'disabled'>;
|
|
17
21
|
export {};
|