@pingux/astro 1.7.0-alpha.8 → 1.8.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +1 -0
- package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +3 -0
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +3 -0
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +10 -4
- package/lib/cjs/components/ArrayField/ArrayField.test.js +13 -0
- package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.js +3 -8
- package/lib/cjs/components/AstroWrapper/AstroWrapper.js +4 -4
- package/lib/cjs/components/ComboBoxField/ComboBoxField.js +1 -1
- package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +8 -4
- package/lib/cjs/components/ListViewItem/ListViewItem.js +2 -1
- package/lib/cjs/components/MultiselectFilter/MultiselectFilter.js +1 -1
- package/lib/cjs/components/MultiselectFilterItem/MultiselectFilterItem.js +32 -11
- package/lib/cjs/components/MultiselectFilterItem/MultiselectFilterItem.test.js +13 -1
- package/lib/cjs/components/NavBar/NavBar.js +20 -8
- package/lib/cjs/components/NavBar/NavBar.stories.js +3 -2
- package/lib/cjs/components/NavBarSection/NavBarItem.js +1 -1
- package/lib/cjs/components/NavBarSection/NavBarItemButton.js +1 -1
- package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +61 -4
- package/lib/cjs/components/NavBarSection/NavBarItemLink.js +1 -1
- package/lib/cjs/components/NavBarSection/NavBarSection.js +5 -2
- package/lib/cjs/components/NumberField/NumberField.js +32 -2
- package/lib/cjs/components/Text/Text.js +5 -1
- package/lib/cjs/components/Text/Text.stories.js +56 -2
- package/lib/cjs/components/Text/Text.test.js +46 -0
- package/lib/cjs/components/TimeZonePicker/TimeZonePicker.js +21 -10
- package/lib/cjs/hooks/useNavBarPress/useNavBarPress.js +3 -3
- package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js +4 -4
- package/lib/cjs/recipes/MultiselectListContainer.stories.js +352 -0
- package/lib/cjs/styles/forms/input.js +2 -1
- package/lib/cjs/styles/variants/accordion.js +1 -1
- package/lib/cjs/styles/variants/boxes.js +2 -2
- package/lib/cjs/styles/variants/multiselectListContainer.js +4 -6
- package/lib/cjs/styles/variants/navBar.js +10 -1
- package/lib/cjs/styles/variants/separator.js +3 -3
- package/lib/cjs/styles/variants/text.js +5 -3
- package/lib/components/AccordionGridGroup/AccordionGridGroup.js +1 -0
- package/lib/components/AccordionGridItem/AccordionGridItem.js +3 -0
- package/lib/components/AccordionGridItem/AccordionGridItemBody.js +3 -0
- package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +10 -4
- package/lib/components/ArrayField/ArrayField.test.js +9 -0
- package/lib/components/ArrayField/ArrayFieldDeleteButton.js +3 -8
- package/lib/components/AstroWrapper/AstroWrapper.js +4 -4
- package/lib/components/ComboBoxField/ComboBoxField.js +1 -1
- package/lib/components/ComboBoxField/ComboBoxField.test.js +8 -4
- package/lib/components/ListViewItem/ListViewItem.js +2 -1
- package/lib/components/MultiselectFilter/MultiselectFilter.js +1 -1
- package/lib/components/MultiselectFilterItem/MultiselectFilterItem.js +35 -12
- package/lib/components/MultiselectFilterItem/MultiselectFilterItem.test.js +11 -1
- package/lib/components/NavBar/NavBar.js +20 -8
- package/lib/components/NavBar/NavBar.stories.js +3 -2
- package/lib/components/NavBarSection/NavBarItem.js +1 -1
- package/lib/components/NavBarSection/NavBarItemButton.js +1 -1
- package/lib/components/NavBarSection/NavBarItemHeader.js +46 -4
- package/lib/components/NavBarSection/NavBarItemLink.js +1 -1
- package/lib/components/NavBarSection/NavBarSection.js +5 -2
- package/lib/components/NumberField/NumberField.js +32 -2
- package/lib/components/Text/Text.js +7 -2
- package/lib/components/Text/Text.stories.js +50 -0
- package/lib/components/Text/Text.test.js +36 -0
- package/lib/components/TimeZonePicker/TimeZonePicker.js +21 -10
- package/lib/hooks/useNavBarPress/useNavBarPress.js +3 -3
- package/lib/hooks/useNavBarPress/useNavBarPress.test.js +4 -4
- package/lib/recipes/MultiselectListContainer.stories.js +306 -0
- package/lib/styles/forms/input.js +2 -1
- package/lib/styles/variants/accordion.js +1 -1
- package/lib/styles/variants/boxes.js +2 -2
- package/lib/styles/variants/multiselectListContainer.js +4 -6
- package/lib/styles/variants/navBar.js +10 -1
- package/lib/styles/variants/separator.js +3 -3
- package/lib/styles/variants/text.js +5 -3
- package/package.json +1 -1
|
@@ -16,7 +16,7 @@ import astroTheme from '../../styles/theme';
|
|
|
16
16
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
17
17
|
export var GlobalStyles = function GlobalStyles() {
|
|
18
18
|
return ___EmotionJSX(Global, {
|
|
19
|
-
styles: /*#__PURE__*/css("@import url(\"https://use.typekit.net/icz8cni.css\");{}", emotionNormalize, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:0.5;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
19
|
+
styles: /*#__PURE__*/css("@import url(\"https://use.typekit.net/icz8cni.css\");{}", emotionNormalize, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:0.5;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV1MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9XcmFwcGVyL0FzdHJvV3JhcHBlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIsIG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtcbiAgICAgIGNzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICBgXG4gICAgfVxuICAvPlxuKTtcblxuLyoqXG4gKiBUaGUgbWFpbiB3cmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24uXG4gKiBUaGUgQXN0cm9XcmFwcGVyIHByb3ZpZGVzIGEgc3RhbmRhcmQgYmFja2dyb3VuZCxcbiAqIHNvbWUgZ2xvYmFsIHN0eWxlcywgYW5kIHRoZSBBc3RybyB0aGVtZSBieSBkZWZhdWx0LlxuICpcbiAqIF9Ob3RlOiBGb3IgVUkgTGlicmFyeSBhbmQgQXN0cm8gQ1NTIGNvbmZsaWN0cywgd2Ugc3VwcGx5IGEgdGhlbWUgb3ZlcnJpZGUgbG9jYXRlZCBhdF9cbiAqIGBAcGluZ3V4L2FzdHJvL2xpYi9zdHlsZXMvdGhlbWVPdmVycmlkZXMvdWlMaWJyYXJ5T3ZlcnJpZGUuanNgXG4gKi9cbmNvbnN0IEFzdHJvV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgICAgPEJveCBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5Bc3Ryb1dyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtcbiAgY3NzYFxuICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICB9XG4gIGBcbn1cbiAgICAgIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGNzcz17XG4gIGNzc2BcbiAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAqIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG59XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cblBhZ2VXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cblBhZ2VXcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvV3JhcHBlcjtcbiJdfQ== */")
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
22
|
/**
|
|
@@ -25,7 +25,7 @@ export var GlobalStyles = function GlobalStyles() {
|
|
|
25
25
|
* some global styles, and the Astro theme by default.
|
|
26
26
|
*
|
|
27
27
|
* _Note: For UI Library and Astro CSS conflicts, we supply a theme override located at_
|
|
28
|
-
* `@pingux/astro/lib/styles/
|
|
28
|
+
* `@pingux/astro/lib/styles/themeOverrides/uiLibraryOverride.js`
|
|
29
29
|
*/
|
|
30
30
|
|
|
31
31
|
var AstroWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
@@ -77,7 +77,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
77
77
|
} : {
|
|
78
78
|
name: "1385fa1-PageWrapper",
|
|
79
79
|
styles: "@import url(\"https://use.typekit.net/icz8cni.css\");{}[data-tippy-root]{max-width:calc(100vw - 10px);};label:PageWrapper;",
|
|
80
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0dLIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+
|
|
80
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0dLIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVGhlIG1haW4gd3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uLlxuICogVGhlIEFzdHJvV3JhcHBlciBwcm92aWRlcyBhIHN0YW5kYXJkIGJhY2tncm91bmQsXG4gKiBzb21lIGdsb2JhbCBzdHlsZXMsIGFuZCB0aGUgQXN0cm8gdGhlbWUgYnkgZGVmYXVsdC5cbiAqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lT3ZlcnJpZGVzL3VpTGlicmFyeU92ZXJyaWRlLmpzYFxuICovXG5jb25zdCBBc3Ryb1dyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICAvLyBVbmZvcnR1bmF0ZWx5IGJlY2F1c2UgdGhpcyBpcyBhZGRpbmcgc3R5bGVzLCB3ZSBjYW5ub3Qgd3JpdGUgYSBwcm9wZXIgdGVzdCBmb3IgdGhpcy5cbiAgLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxTdHlsZXMgLz5cbiAgICAgIDxCb3ggYmc9XCJiYWNrZ3JvdW5kXCIgaGVpZ2h0PVwiMTAwJVwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5Bc3Ryb1dyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuQXN0cm9XcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uIHcvbyBnbG9iYWwgc3R5bGVzLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17XG4gIGNzc2BcbiAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuXG4gICAgW2RhdGEtdGlwcHktcm9vdF0ge1xuICAgICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTBweCk7XG4gICAgfVxuICBgXG59XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e1xuICBjc3NgXG4gICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgKiB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5QYWdlV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1dyYXBwZXI7XG4iXX0= */",
|
|
81
81
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
82
82
|
};
|
|
83
83
|
|
|
@@ -98,7 +98,7 @@ export var PageWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
98
98
|
}, others), ___EmotionJSX(Global, {
|
|
99
99
|
styles: _ref
|
|
100
100
|
}), ___EmotionJSX(Box, _extends({
|
|
101
|
-
css: /*#__PURE__*/css(emotionNormalize, " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dLIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+
|
|
101
|
+
css: /*#__PURE__*/css(emotionNormalize, " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dLIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVGhlIG1haW4gd3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uLlxuICogVGhlIEFzdHJvV3JhcHBlciBwcm92aWRlcyBhIHN0YW5kYXJkIGJhY2tncm91bmQsXG4gKiBzb21lIGdsb2JhbCBzdHlsZXMsIGFuZCB0aGUgQXN0cm8gdGhlbWUgYnkgZGVmYXVsdC5cbiAqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lT3ZlcnJpZGVzL3VpTGlicmFyeU92ZXJyaWRlLmpzYFxuICovXG5jb25zdCBBc3Ryb1dyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICAvLyBVbmZvcnR1bmF0ZWx5IGJlY2F1c2UgdGhpcyBpcyBhZGRpbmcgc3R5bGVzLCB3ZSBjYW5ub3Qgd3JpdGUgYSBwcm9wZXIgdGVzdCBmb3IgdGhpcy5cbiAgLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxTdHlsZXMgLz5cbiAgICAgIDxCb3ggYmc9XCJiYWNrZ3JvdW5kXCIgaGVpZ2h0PVwiMTAwJVwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5Bc3Ryb1dyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuQXN0cm9XcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uIHcvbyBnbG9iYWwgc3R5bGVzLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17XG4gIGNzc2BcbiAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuXG4gICAgW2RhdGEtdGlwcHktcm9vdF0ge1xuICAgICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTBweCk7XG4gICAgfVxuICBgXG59XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e1xuICBjc3NgXG4gICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgKiB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5QYWdlV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1dyYXBwZXI7XG4iXX0= */")
|
|
102
102
|
}, props), children));
|
|
103
103
|
});
|
|
104
104
|
PageWrapper.propTypes = {
|
|
@@ -241,7 +241,8 @@ test('should invoke onInputChange', function () {
|
|
|
241
241
|
test('should invoke onOpenChange on button click', function () {
|
|
242
242
|
var onOpenChange = jest.fn();
|
|
243
243
|
getComponent({
|
|
244
|
-
onOpenChange: onOpenChange
|
|
244
|
+
onOpenChange: onOpenChange,
|
|
245
|
+
menuTrigger: 'manual'
|
|
245
246
|
});
|
|
246
247
|
var button = screen.queryByRole('button');
|
|
247
248
|
var listbox = screen.queryByRole('listbox');
|
|
@@ -254,7 +255,8 @@ test('should invoke onOpenChange on button click', function () {
|
|
|
254
255
|
test('should invoke onOpenChange on input change', function () {
|
|
255
256
|
var onOpenChange = jest.fn();
|
|
256
257
|
getComponent({
|
|
257
|
-
onOpenChange: onOpenChange
|
|
258
|
+
onOpenChange: onOpenChange,
|
|
259
|
+
menuTrigger: 'input'
|
|
258
260
|
});
|
|
259
261
|
var input = screen.queryByRole('combobox');
|
|
260
262
|
var listbox = screen.queryByRole('listbox');
|
|
@@ -267,7 +269,8 @@ test('should invoke onOpenChange on input change', function () {
|
|
|
267
269
|
test('should invoke onOpenChange on keyboard arrow down', function () {
|
|
268
270
|
var onOpenChange = jest.fn();
|
|
269
271
|
getComponent({
|
|
270
|
-
onOpenChange: onOpenChange
|
|
272
|
+
onOpenChange: onOpenChange,
|
|
273
|
+
menuTrigger: 'manual'
|
|
271
274
|
});
|
|
272
275
|
var input = screen.queryByRole('combobox');
|
|
273
276
|
var listbox = screen.queryByRole('listbox');
|
|
@@ -280,7 +283,8 @@ test('should invoke onOpenChange on keyboard arrow down', function () {
|
|
|
280
283
|
test('should invoke onOpenChange on keyboard arrow up', function () {
|
|
281
284
|
var onOpenChange = jest.fn();
|
|
282
285
|
getComponent({
|
|
283
|
-
onOpenChange: onOpenChange
|
|
286
|
+
onOpenChange: onOpenChange,
|
|
287
|
+
menuTrigger: 'manual'
|
|
284
288
|
});
|
|
285
289
|
var input = screen.queryByRole('combobox');
|
|
286
290
|
var listbox = screen.queryByRole('listbox');
|
|
@@ -34,6 +34,7 @@ var ListViewItem = function ListViewItem(props) {
|
|
|
34
34
|
var isDisabled = state.disabledKeys.has(item.key);
|
|
35
35
|
var rowRef = useRef();
|
|
36
36
|
var cellRef = useRef();
|
|
37
|
+
var isSelectable = state.selectionManager.selectionMode !== 'none';
|
|
37
38
|
|
|
38
39
|
var _useFocusRing = useFocusRing({
|
|
39
40
|
within: true
|
|
@@ -73,7 +74,7 @@ var ListViewItem = function ListViewItem(props) {
|
|
|
73
74
|
var mergedProps = mergeProps(gridCellProps, hoverProps, focusWithinProps, focusProps, selectableItemProps);
|
|
74
75
|
|
|
75
76
|
var _useStatusClasses = useStatusClasses(className, {
|
|
76
|
-
isHovered: isHovered,
|
|
77
|
+
isHovered: isSelectable && isHovered,
|
|
77
78
|
isSelected: isSelected,
|
|
78
79
|
isFocused: isDisabled ? false : isFocusVisible,
|
|
79
80
|
hasSeparator: hasSeparator
|
|
@@ -1,25 +1,37 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
import { Box, Icon, Text } from '../../index';
|
|
3
|
+
import { Box, Icon, IconButton, Text } from '../../index';
|
|
4
4
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
5
|
var MultiselectFilterItem = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6
6
|
var text = props.text,
|
|
7
|
-
icon = props.icon
|
|
7
|
+
icon = props.icon,
|
|
8
|
+
isDefaultSelected = props.isDefaultSelected,
|
|
9
|
+
onPress = props.onPress;
|
|
10
|
+
|
|
11
|
+
var iconElement = icon && ___EmotionJSX(Icon, {
|
|
12
|
+
"data-testid": "multiselect-filter-data-icon",
|
|
13
|
+
icon: icon,
|
|
14
|
+
color: isDefaultSelected ? 'neutral.10' : 'active',
|
|
15
|
+
size: 13
|
|
16
|
+
});
|
|
17
|
+
|
|
8
18
|
return ___EmotionJSX(Box, {
|
|
9
19
|
"data-testid": "multiselect-filter-item",
|
|
10
20
|
isRow: true,
|
|
11
|
-
justifyContent: "space-between",
|
|
12
21
|
ref: ref
|
|
13
22
|
}, ___EmotionJSX(Text, {
|
|
14
23
|
variant: "multiselectFilterItem"
|
|
15
|
-
}, text),
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
24
|
+
}, text), iconElement && (isDefaultSelected ? iconElement : ___EmotionJSX(IconButton, {
|
|
25
|
+
sx: {
|
|
26
|
+
width: 13,
|
|
27
|
+
height: 13,
|
|
28
|
+
alignSelf: 'auto',
|
|
29
|
+
'& path': {
|
|
30
|
+
fill: 'inherit'
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
onPress: onPress
|
|
34
|
+
}, iconElement)));
|
|
23
35
|
});
|
|
24
36
|
MultiselectFilterItem.propTypes = {
|
|
25
37
|
/**
|
|
@@ -30,7 +42,18 @@ MultiselectFilterItem.propTypes = {
|
|
|
30
42
|
/**
|
|
31
43
|
* List icon.
|
|
32
44
|
*/
|
|
33
|
-
icon: PropTypes.shape({})
|
|
45
|
+
icon: PropTypes.shape({}),
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* Whether the element is default selected
|
|
49
|
+
* and has to use Icon element instead of IconButton
|
|
50
|
+
*/
|
|
51
|
+
isDefaultSelected: PropTypes.bool,
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Handler that is called at the press on icon button
|
|
55
|
+
*/
|
|
56
|
+
onPress: PropTypes.func
|
|
34
57
|
};
|
|
35
58
|
MultiselectFilterItem.displayName = 'MultiselectFilterItem';
|
|
36
59
|
export default MultiselectFilterItem;
|
|
@@ -28,10 +28,20 @@ test('default multiselectFilter', function () {
|
|
|
28
28
|
expect(icon).not.toBeInTheDocument();
|
|
29
29
|
expect(multiselectFilterItem).toBeInTheDocument();
|
|
30
30
|
});
|
|
31
|
-
test('icon displays when icon prop is present', function () {
|
|
31
|
+
test('icon button displays when icon prop is present', function () {
|
|
32
32
|
getComponent({
|
|
33
33
|
icon: FilterIcon
|
|
34
34
|
});
|
|
35
35
|
var icon = screen.getByTestId(iconId);
|
|
36
36
|
expect(icon).toBeInTheDocument();
|
|
37
|
+
expect(icon.parentElement).toBeInstanceOf(HTMLButtonElement);
|
|
38
|
+
});
|
|
39
|
+
test('icon displays when icon prop is present and default selected', function () {
|
|
40
|
+
getComponent({
|
|
41
|
+
icon: FilterIcon,
|
|
42
|
+
isDefaultSelected: true
|
|
43
|
+
});
|
|
44
|
+
var icon = screen.getByTestId(iconId);
|
|
45
|
+
expect(icon).toBeInTheDocument();
|
|
46
|
+
expect(icon.parentElement).not.toBeInstanceOf(HTMLButtonElement);
|
|
37
47
|
});
|
|
@@ -17,17 +17,25 @@ import Box from '../Box/Box';
|
|
|
17
17
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
18
18
|
|
|
19
19
|
var NavBar = function NavBar(props) {
|
|
20
|
-
var
|
|
20
|
+
var defaultSelectedKey = props.defaultSelectedKey,
|
|
21
|
+
defaultExpandedKeys = props.defaultExpandedKeys;
|
|
21
22
|
|
|
22
|
-
var _useState = useState(
|
|
23
|
+
var _useState = useState(defaultSelectedKey),
|
|
23
24
|
_useState2 = _slicedToArray(_useState, 2),
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
selectedKey = _useState2[0],
|
|
26
|
+
setSelectedKey = _useState2[1];
|
|
27
|
+
|
|
28
|
+
var _useState3 = useState(defaultExpandedKeys),
|
|
29
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
30
|
+
expandedKeys = _useState4[0],
|
|
31
|
+
setExpandedKeys = _useState4[1];
|
|
26
32
|
|
|
27
33
|
return ___EmotionJSX(NavBarContext.Provider, {
|
|
28
34
|
value: {
|
|
29
|
-
|
|
30
|
-
|
|
35
|
+
selectedKey: selectedKey,
|
|
36
|
+
setSelectedKey: setSelectedKey,
|
|
37
|
+
expandedKeys: expandedKeys,
|
|
38
|
+
setExpandedKeys: setExpandedKeys
|
|
31
39
|
}
|
|
32
40
|
}, ___EmotionJSX(Box, {
|
|
33
41
|
variant: "navBar.container",
|
|
@@ -37,9 +45,13 @@ var NavBar = function NavBar(props) {
|
|
|
37
45
|
};
|
|
38
46
|
|
|
39
47
|
NavBar.propTypes = {
|
|
40
|
-
|
|
48
|
+
/** The initial selected key in the collection (uncontrolled). */
|
|
49
|
+
defaultSelectedKey: isIterableProp,
|
|
50
|
+
|
|
51
|
+
/** The initial expanded keys in the collection (uncontrolled). */
|
|
52
|
+
defaultExpandedKeys: isIterableProp
|
|
41
53
|
};
|
|
42
54
|
NavBar.defaultProps = {
|
|
43
|
-
|
|
55
|
+
defaultSelectedKey: []
|
|
44
56
|
};
|
|
45
57
|
export default NavBar;
|
|
@@ -228,7 +228,7 @@ var thirdData = [{
|
|
|
228
228
|
}];
|
|
229
229
|
export var Default = function Default() {
|
|
230
230
|
return ___EmotionJSX(NavBar, {
|
|
231
|
-
|
|
231
|
+
defaultSelectedKey: "Dashboard Link Group"
|
|
232
232
|
}, ___EmotionJSX(Box, {
|
|
233
233
|
padding: "md"
|
|
234
234
|
}, ___EmotionJSX(Link, {
|
|
@@ -237,7 +237,8 @@ export var Default = function Default() {
|
|
|
237
237
|
"aria-label": "home link"
|
|
238
238
|
}, logo)), ___EmotionJSX(Separator, {
|
|
239
239
|
marginTop: "lg",
|
|
240
|
-
marginBottom: "sm"
|
|
240
|
+
marginBottom: "sm",
|
|
241
|
+
backgroundColor: "neutral.60"
|
|
241
242
|
}), ___EmotionJSX(Box, {
|
|
242
243
|
variant: "navBar.sectionContainer",
|
|
243
244
|
paddingBottom: "xl"
|
|
@@ -43,7 +43,7 @@ var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
43
43
|
|
|
44
44
|
var state = useNavBarContext();
|
|
45
45
|
|
|
46
|
-
var isSelected = _includesInstanceProperty(_context = state.
|
|
46
|
+
var isSelected = _includesInstanceProperty(_context = state.selectedKey).call(_context, key);
|
|
47
47
|
|
|
48
48
|
var _useNavBarPress = useNavBarPress({
|
|
49
49
|
key: key,
|
|
@@ -34,7 +34,7 @@ var NavBarItemButton = function NavBarItemButton(props) {
|
|
|
34
34
|
|
|
35
35
|
var state = useNavBarContext();
|
|
36
36
|
|
|
37
|
-
var isSelected = _includesInstanceProperty(_context = state.
|
|
37
|
+
var isSelected = _includesInstanceProperty(_context = state.selectedKey).call(_context, key);
|
|
38
38
|
|
|
39
39
|
var _useNavBarPress = useNavBarPress({
|
|
40
40
|
key: key,
|
|
@@ -1,13 +1,43 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
|
|
2
|
+
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
3
|
+
import React, { useContext } from 'react';
|
|
2
4
|
import PropTypes from 'prop-types';
|
|
5
|
+
import MenuDown from 'mdi-react/MenuDownIcon';
|
|
6
|
+
import MenuUp from 'mdi-react/MenuUpIcon';
|
|
3
7
|
import { Box, Icon, Text } from '../../index';
|
|
8
|
+
import { AccordionGridContext } from '../../context/AccordionGridContext';
|
|
9
|
+
import { NavBarContext } from '../../context/NavBarContext';
|
|
10
|
+
import { useStatusClasses } from '../../hooks';
|
|
4
11
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
12
|
|
|
6
13
|
var NavBarItemHeader = function NavBarItemHeader(props) {
|
|
14
|
+
var _state$selectionManag, _context;
|
|
15
|
+
|
|
7
16
|
var item = props.item;
|
|
8
|
-
var icon = item.icon
|
|
17
|
+
var icon = item.icon,
|
|
18
|
+
key = item.key,
|
|
19
|
+
className = item.className;
|
|
20
|
+
|
|
21
|
+
var _useContext = useContext(AccordionGridContext),
|
|
22
|
+
state = _useContext.state;
|
|
23
|
+
|
|
24
|
+
var navState = useContext(NavBarContext);
|
|
25
|
+
var isExpanded = (_state$selectionManag = state.selectionManager.selectedKeys) === null || _state$selectionManag === void 0 ? void 0 : _state$selectionManag.has(key);
|
|
26
|
+
|
|
27
|
+
var array = _mapInstanceProperty(_context = item.children).call(_context, function (i) {
|
|
28
|
+
return i.key;
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
var childSelected = _includesInstanceProperty(array).call(array, navState.selectedKey);
|
|
32
|
+
|
|
33
|
+
var _useStatusClasses = useStatusClasses(className, {
|
|
34
|
+
isSelected: childSelected && !isExpanded
|
|
35
|
+
}),
|
|
36
|
+
classNames = _useStatusClasses.classNames;
|
|
37
|
+
|
|
9
38
|
return ___EmotionJSX(Box, {
|
|
10
39
|
variant: "navBar.itemHeaderContainer",
|
|
40
|
+
className: classNames,
|
|
11
41
|
isRow: true
|
|
12
42
|
}, icon && ___EmotionJSX(Icon, {
|
|
13
43
|
icon: icon,
|
|
@@ -19,13 +49,25 @@ var NavBarItemHeader = function NavBarItemHeader(props) {
|
|
|
19
49
|
}
|
|
20
50
|
}), ___EmotionJSX(Text, {
|
|
21
51
|
variant: "navBarHeaderText"
|
|
22
|
-
}, props.item.heading)
|
|
52
|
+
}, props.item.heading), ___EmotionJSX(Box, {
|
|
53
|
+
isRow: true,
|
|
54
|
+
alignItems: "center",
|
|
55
|
+
sx: {
|
|
56
|
+
ml: 'auto'
|
|
57
|
+
}
|
|
58
|
+
}, ___EmotionJSX(Icon, {
|
|
59
|
+
icon: isExpanded ? MenuUp : MenuDown,
|
|
60
|
+
size: 20
|
|
61
|
+
})));
|
|
23
62
|
};
|
|
24
63
|
|
|
25
64
|
NavBarItemHeader.propTypes = {
|
|
26
65
|
item: PropTypes.shape({
|
|
27
66
|
heading: PropTypes.string,
|
|
28
|
-
icon: PropTypes.elementType
|
|
67
|
+
icon: PropTypes.elementType,
|
|
68
|
+
className: PropTypes.string,
|
|
69
|
+
children: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])),
|
|
70
|
+
key: PropTypes.string
|
|
29
71
|
})
|
|
30
72
|
};
|
|
31
73
|
export default NavBarItemHeader;
|
|
@@ -33,7 +33,7 @@ var NavBarItemLink = function NavBarItemLink(props) {
|
|
|
33
33
|
|
|
34
34
|
var state = useNavBarContext();
|
|
35
35
|
|
|
36
|
-
var isSelected = _includesInstanceProperty(_context = state.
|
|
36
|
+
var isSelected = _includesInstanceProperty(_context = state.selectedKey).call(_context, key);
|
|
37
37
|
|
|
38
38
|
var _useNavBarPress = useNavBarPress({
|
|
39
39
|
key: key,
|
|
@@ -25,7 +25,8 @@ var NavBarSection = function NavBarSection(props) {
|
|
|
25
25
|
}, function (item) {
|
|
26
26
|
return ___EmotionJSX(Item, {
|
|
27
27
|
headerProps: {
|
|
28
|
-
variant: 'accordion.accordionGridHeaderNav'
|
|
28
|
+
variant: 'accordion.accordionGridHeaderNav',
|
|
29
|
+
hasCaret: false
|
|
29
30
|
},
|
|
30
31
|
bodyProps: {
|
|
31
32
|
variant: 'navBar.sectionBody'
|
|
@@ -40,7 +41,9 @@ var NavBarSection = function NavBarSection(props) {
|
|
|
40
41
|
sx: {
|
|
41
42
|
pl: '15px',
|
|
42
43
|
pr: '15px',
|
|
43
|
-
my: '10px'
|
|
44
|
+
my: '10px',
|
|
45
|
+
mt: '15px',
|
|
46
|
+
mb: '15px'
|
|
44
47
|
}
|
|
45
48
|
}, ___EmotionJSX(Separator, {
|
|
46
49
|
variant: "separator.navBarSeparator"
|
|
@@ -7,12 +7,13 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
|
|
|
7
7
|
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
8
8
|
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
|
9
9
|
import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
|
|
10
|
+
import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
|
|
10
11
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
|
11
12
|
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
|
12
13
|
|
|
13
14
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
14
15
|
|
|
15
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var
|
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16
17
|
|
|
17
18
|
import React, { forwardRef, useCallback, useImperativeHandle, useMemo } from 'react';
|
|
18
19
|
import PropTypes from 'prop-types';
|
|
@@ -105,6 +106,33 @@ var NumberField = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
105
106
|
onBlur: onInputBlur
|
|
106
107
|
});
|
|
107
108
|
}, [fieldControlProps, onInputBlur, onInputFocus]);
|
|
109
|
+
|
|
110
|
+
var onInputChange = function onInputChange(e) {
|
|
111
|
+
var _context;
|
|
112
|
+
|
|
113
|
+
var minValue = props.minValue;
|
|
114
|
+
|
|
115
|
+
var trimmedInputValue = _trimInstanceProperty(_context = e.target.value).call(_context);
|
|
116
|
+
|
|
117
|
+
var trimmedValueEvent = _objectSpread(_objectSpread({}, e), {}, {
|
|
118
|
+
target: _objectSpread(_objectSpread({}, e.target), {}, {
|
|
119
|
+
value: trimmedInputValue
|
|
120
|
+
})
|
|
121
|
+
});
|
|
122
|
+
|
|
123
|
+
if (!trimmedInputValue && typeof minValue !== 'undefined') {
|
|
124
|
+
var minValueEvent = _objectSpread(_objectSpread({}, e), {}, {
|
|
125
|
+
target: _objectSpread(_objectSpread({}, e.target), {}, {
|
|
126
|
+
value: minValue.toString()
|
|
127
|
+
})
|
|
128
|
+
});
|
|
129
|
+
|
|
130
|
+
inputProps.onChange(minValueEvent);
|
|
131
|
+
} else {
|
|
132
|
+
inputProps.onChange(trimmedValueEvent);
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
|
|
108
136
|
return ___EmotionJSX(Box, fieldContainerProps, ___EmotionJSX(Label, mergeProps(fieldLabelProps, labelProps)), ___EmotionJSX(Box, _extends({
|
|
109
137
|
variant: "numberField.noDefaultArrows"
|
|
110
138
|
}, groupProps), ___EmotionJSX(Box, {
|
|
@@ -115,7 +143,9 @@ var NumberField = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
115
143
|
ref: inputRef // we don't want to merge this props, we want to
|
|
116
144
|
// overwrite them like defaultValue, value, ect.
|
|
117
145
|
|
|
118
|
-
}, updatedFieldControlProps, omit(inputProps, ['name', 'onFocus', 'onBlur'])
|
|
146
|
+
}, updatedFieldControlProps, omit(inputProps, ['name', 'onFocus', 'onBlur']), {
|
|
147
|
+
onChange: onInputChange
|
|
148
|
+
})), ControlArrows), helperText && ___EmotionJSX(FieldHelperText, {
|
|
119
149
|
status: status
|
|
120
150
|
}, helperText)));
|
|
121
151
|
});
|
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
|
|
2
2
|
import _styled from "@emotion/styled/base";
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
|
-
import { layout, flexbox } from 'styled-system';
|
|
5
|
+
import { layout, flexbox, typography } from 'styled-system';
|
|
6
6
|
import { Text as ThemeUIText } from 'theme-ui';
|
|
7
7
|
import { textVariants } from '../../utils/devUtils/constants/variants';
|
|
8
8
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
@@ -12,7 +12,12 @@ var ExtendedText = /*#__PURE__*/_styled(ThemeUIText, process.env.NODE_ENV === "p
|
|
|
12
12
|
} : {
|
|
13
13
|
target: "eifd86o0",
|
|
14
14
|
label: "ExtendedText"
|
|
15
|
-
})(layout, flexbox, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
15
|
+
})(layout, flexbox, typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHQvVGV4dC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRcUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBsYXlvdXQsIGZsZXhib3gsIHR5cG9ncmFwaHkgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCB7IFRleHQgYXMgVGhlbWVVSVRleHQgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IHRleHRWYXJpYW50cyB9IGZyb20gJy4uLy4uL3V0aWxzL2RldlV0aWxzL2NvbnN0YW50cy92YXJpYW50cyc7XG5cbmNvbnN0IEV4dGVuZGVkVGV4dCA9IHN0eWxlZChUaGVtZVVJVGV4dCkobGF5b3V0LCBmbGV4Ym94LCB0eXBvZ3JhcGh5KTtcblxuLyoqXG4gKiBUaGUgVGV4dCBjb21wb25lbnQgaXMgdXNlZCBmb3IgZGlzcGxheWluZyB0ZXh0LlxuICogVGV4dCBzdXBwb3J0cyBbVHlwb2dyYXBoeSBQcm9wcyBmcm9tIFN0eWxlZCBTeXN0ZW0gXShodHRwczovL3N0eWxlZC1zeXN0ZW0uY29tL3RhYmxlLyN0eXBvZ3JhcGh5KS5cbiAqL1xuXG5jb25zdCBUZXh0ID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4gKFxuICA8RXh0ZW5kZWRUZXh0IHZhcmlhbnQ9XCJiYXNlXCIgey4uLnByb3BzfSByZWY9e3JlZn0gLz5cbikpO1xuXG5UZXh0LnByb3BUeXBlcyA9IHtcbiAgdmFyaWFudDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cblxuVGV4dC5kZWZhdWx0UHJvcHMgPSB7XG4gIHZhcmlhbnQ6IHRleHRWYXJpYW50cy5CQVNFLFxufTtcblxuVGV4dC5kaXNwbGF5TmFtZSA9ICdUZXh0JztcblxuZXhwb3J0IGRlZmF1bHQgVGV4dDtcbiJdfQ== */");
|
|
16
|
+
/**
|
|
17
|
+
* The Text component is used for displaying text.
|
|
18
|
+
* Text supports [Typography Props from Styled System ](https://styled-system.com/table/#typography).
|
|
19
|
+
*/
|
|
20
|
+
|
|
16
21
|
|
|
17
22
|
var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
18
23
|
return ___EmotionJSX(ExtendedText, _extends({
|
|
@@ -9,6 +9,7 @@ var _excluded = ["children", "bg"];
|
|
|
9
9
|
var _context;
|
|
10
10
|
|
|
11
11
|
import React from 'react';
|
|
12
|
+
import { Divider } from 'theme-ui';
|
|
12
13
|
import Text from './Text';
|
|
13
14
|
import { textVariants } from '../../utils/devUtils/constants/variants.js';
|
|
14
15
|
import { flatColorList } from '../../styles/colors.js';
|
|
@@ -93,4 +94,53 @@ export var WithCustomWidth = function WithCustomWidth() {
|
|
|
93
94
|
}, ___EmotionJSX(Text, {
|
|
94
95
|
p: "xl"
|
|
95
96
|
}, "superlongtextinonelinewithnowhitespacessoitcanbelongerthatanywidth"));
|
|
97
|
+
};
|
|
98
|
+
export var TypographyStyleProps = function TypographyStyleProps() {
|
|
99
|
+
var textProps = {
|
|
100
|
+
fontFamily: 'times',
|
|
101
|
+
fontSize: 'md',
|
|
102
|
+
fontWeight: 900,
|
|
103
|
+
lineHeight: '2em',
|
|
104
|
+
letterSpacing: '5px',
|
|
105
|
+
textAlign: 'right',
|
|
106
|
+
fontStyle: 'italic'
|
|
107
|
+
};
|
|
108
|
+
var loremText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.';
|
|
109
|
+
return ___EmotionJSX(Box, {
|
|
110
|
+
p: "xx",
|
|
111
|
+
gap: "md"
|
|
112
|
+
}, ___EmotionJSX(Text, {
|
|
113
|
+
variant: "title"
|
|
114
|
+
}, "The Text component allows typography style props to be passed in directly."), ___EmotionJSX(Text, textProps, loremText), ___EmotionJSX(Divider, null), ___EmotionJSX(Text, {
|
|
115
|
+
variant: "title"
|
|
116
|
+
}, "Typography styles can also be passed in through the sx prop for the same result."), ___EmotionJSX(Text, {
|
|
117
|
+
sx: textProps
|
|
118
|
+
}, loremText));
|
|
119
|
+
};
|
|
120
|
+
TypographyStyleProps.argTypes = {
|
|
121
|
+
variant: {
|
|
122
|
+
control: {
|
|
123
|
+
type: 'none'
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
children: {
|
|
127
|
+
control: {
|
|
128
|
+
type: 'none'
|
|
129
|
+
}
|
|
130
|
+
},
|
|
131
|
+
color: {
|
|
132
|
+
control: {
|
|
133
|
+
type: 'none'
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
bg: {
|
|
137
|
+
control: {
|
|
138
|
+
type: 'none'
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
tabPanelProps: {
|
|
142
|
+
control: {
|
|
143
|
+
type: 'none'
|
|
144
|
+
}
|
|
145
|
+
}
|
|
96
146
|
};
|