@webiny/ui 5.41.4 → 5.42.0-beta.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/Accordion/AccordionItemActions.js.map +1 -1
- package/AutoComplete/AutoComplete.js.map +1 -1
- package/AutoComplete/MultiAutoComplete.js +1 -0
- package/AutoComplete/MultiAutoComplete.js.map +1 -1
- package/Carousel/Carousel.js.map +1 -1
- package/Checkbox/Checkbox.js.map +1 -1
- package/Checkbox/CheckboxGroup.js.map +1 -1
- package/CodeEditor/CodeEditor.js.map +1 -1
- package/ColorPicker/ColorPicker.d.ts +7 -2
- package/ColorPicker/ColorPicker.js +46 -16
- package/ColorPicker/ColorPicker.js.map +1 -1
- package/ConfirmationDialog/ConfirmationDialog.js.map +1 -1
- package/DataTable/DataTable.js.map +1 -1
- package/Dialog/Dialog.js +1 -1
- package/Dialog/Dialog.js.map +1 -1
- package/Drawer/Drawer.js.map +1 -1
- package/DynamicFieldset/Fieldset.js.map +1 -1
- package/ImageEditor/ImageEditor.js.map +1 -1
- package/ImageEditor/toolbar/crop.js.map +1 -1
- package/ImageEditor/toolbar/filter.js.map +1 -1
- package/ImageEditor/toolbar/flip.js.map +1 -1
- package/ImageEditor/toolbar/rotate.js.map +1 -1
- package/ImageUpload/Image.js.map +1 -1
- package/ImageUpload/MultiImageUpload.js.map +1 -1
- package/ImageUpload/SingleImageUpload.js.map +1 -1
- package/Input/__tests__/Input.test.d.ts +1 -1
- package/Input/__tests__/Input.test.js +1 -2
- package/Input/__tests__/Input.test.js.map +1 -1
- package/List/DataList/DataList.js.map +1 -1
- package/List/DataList/DataListModalOverlay/DataListModalOverlay.js.map +1 -1
- package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.js.map +1 -1
- package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.js.map +1 -1
- package/List/DataList/DataListWithSections.js.map +1 -1
- package/List/List.js.map +1 -1
- package/Menu/Menu.d.ts +12 -19
- package/Menu/Menu.js +70 -77
- package/Menu/Menu.js.map +1 -1
- package/Radio/Radio.js.map +1 -1
- package/Radio/RadioGroup.js.map +1 -1
- package/RichTextEditor/RichTextEditor.js +2 -2
- package/RichTextEditor/RichTextEditor.js.map +1 -1
- package/RichTextEditor/createPropsFromConfig.js.map +1 -1
- package/Select/Select.js.map +1 -1
- package/Slider/Slider.js.map +1 -1
- package/Snackbar/Snackbar.js.map +1 -1
- package/Switch/Switch.js.map +1 -1
- package/Tabs/Tab.js +2 -2
- package/Tabs/Tab.js.map +1 -1
- package/Tabs/Tabs.d.ts +4 -4
- package/Tabs/Tabs.js +14 -6
- package/Tabs/Tabs.js.map +1 -1
- package/Tags/Tags.js.map +1 -1
- package/Tooltip/Tooltip.js.map +1 -1
- package/package.json +12 -20
package/Tabs/Tabs.js
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.TabsContext = exports.Tabs = void 0;
|
|
9
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
13
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
14
|
var _tabs = require("@rmwc/tabs");
|
|
15
|
+
var _excluded = ["children", "value", "onActivate", "className"];
|
|
14
16
|
var disabledStyles = {
|
|
15
17
|
opacity: 0.5,
|
|
16
18
|
pointerEvents: "none"
|
|
@@ -20,7 +22,12 @@ var TabsContext = exports.TabsContext = /*#__PURE__*/(0, _react.createContext)(u
|
|
|
20
22
|
/**
|
|
21
23
|
* Use Tabs component to display a list of choices, once the handler is triggered.
|
|
22
24
|
*/
|
|
23
|
-
var Tabs = exports.Tabs = function Tabs(
|
|
25
|
+
var Tabs = exports.Tabs = function Tabs(_ref) {
|
|
26
|
+
var children = _ref.children,
|
|
27
|
+
value = _ref.value,
|
|
28
|
+
_onActivate = _ref.onActivate,
|
|
29
|
+
className = _ref.className,
|
|
30
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
24
31
|
var _useState = (0, _react.useState)(0),
|
|
25
32
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
26
33
|
activeTabIndex = _useState2[0],
|
|
@@ -29,7 +36,7 @@ var Tabs = exports.Tabs = function Tabs(props) {
|
|
|
29
36
|
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
30
37
|
tabs = _useState4[0],
|
|
31
38
|
setTabs = _useState4[1];
|
|
32
|
-
var activeIndex =
|
|
39
|
+
var activeIndex = value !== undefined ? value : activeTabIndex;
|
|
33
40
|
|
|
34
41
|
/* We need to generate a key like this to trigger a proper component re-render when child tabs change. */
|
|
35
42
|
var tabBar = /*#__PURE__*/_react.default.createElement(_tabs.TabBar, {
|
|
@@ -40,7 +47,7 @@ var Tabs = exports.Tabs = function Tabs(props) {
|
|
|
40
47
|
activeTabIndex: activeIndex,
|
|
41
48
|
onActivate: function onActivate(evt) {
|
|
42
49
|
setActiveIndex(evt.detail.index);
|
|
43
|
-
|
|
50
|
+
_onActivate && _onActivate(evt.detail.index);
|
|
44
51
|
}
|
|
45
52
|
}, tabs.map(function (item) {
|
|
46
53
|
if (!item.visible) {
|
|
@@ -102,12 +109,13 @@ var Tabs = exports.Tabs = function Tabs(props) {
|
|
|
102
109
|
};
|
|
103
110
|
}, [setTabs]);
|
|
104
111
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
105
|
-
|
|
112
|
+
id: props.id,
|
|
113
|
+
className: (0, _classnames.default)("webiny-ui-tabs", className)
|
|
106
114
|
}, tabBar, /*#__PURE__*/_react.default.createElement("div", {
|
|
107
115
|
className: "webiny-ui-tabs__content mdc-tab-content"
|
|
108
116
|
}, content), /*#__PURE__*/_react.default.createElement(TabsContext.Provider, {
|
|
109
117
|
value: context
|
|
110
|
-
},
|
|
118
|
+
}, children));
|
|
111
119
|
};
|
|
112
120
|
Tabs.displayName = "Tabs";
|
|
113
121
|
|
package/Tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_tabs","disabledStyles","opacity","pointerEvents","TabsContext","exports","createContext","undefined","Tabs","props","_useState","useState","_useState2","_slicedToArray2","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_tabs","_excluded","disabledStyles","opacity","pointerEvents","TabsContext","exports","createContext","undefined","Tabs","_ref","children","value","onActivate","className","props","_objectWithoutProperties2","default","_useState","useState","_useState2","_slicedToArray2","activeTabIndex","setActiveIndex","_useState3","_useState4","tabs","setTabs","activeIndex","tabBar","createElement","TabBar","key","map","tab","id","join","evt","detail","index","item","visible","Tab","tag","style","display","disabled","Object","assign","icon","label","content","filter","Boolean","context","useMemo","addTab","existingIndex","findIndex","concat","_toConsumableArray2","slice","removeTab","classNames","Provider","displayName"],"sources":["Tabs.tsx"],"sourcesContent":["import React, { createContext, useMemo, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { TabBar, Tab as RmwcTab } from \"@rmwc/tabs\";\nimport { TabProps } from \"./Tab\";\n\nexport interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Append a class name.\n */\n className?: string;\n\n /**\n * Callback to execute when a tab is changed.\n */\n onActivate?: (index: number) => void;\n\n /**\n * Active tab index value.\n */\n value?: number;\n\n /**\n * Tab ID for the testing.\n */\n \"data-testid\"?: string;\n}\n\nconst disabledStyles: Record<string, string | number> = {\n opacity: 0.5,\n pointerEvents: \"none\"\n};\n\ninterface TabItem extends TabProps {\n id: string;\n}\n\ninterface TabsContext {\n addTab(props: TabItem): void;\n removeTab(id: string): void;\n}\n\nexport const TabsContext = createContext<TabsContext | undefined>(undefined);\n\n/**\n * Use Tabs component to display a list of choices, once the handler is triggered.\n */\nexport const Tabs = ({ children, value, onActivate, className, ...props }: TabsProps) => {\n const [activeTabIndex, setActiveIndex] = useState(0);\n const [tabs, setTabs] = useState<TabItem[]>([]);\n\n const activeIndex = value !== undefined ? value : activeTabIndex;\n\n /* We need to generate a key like this to trigger a proper component re-render when child tabs change. */\n const tabBar = (\n <TabBar\n key={tabs.map(tab => tab.id).join(\";\")}\n className=\"webiny-ui-tabs__tab-bar\"\n activeTabIndex={activeIndex}\n onActivate={evt => {\n setActiveIndex(evt.detail.index);\n onActivate && onActivate(evt.detail.index);\n }}\n >\n {tabs.map(item => {\n if (!item.visible) {\n return <RmwcTab tag={\"div\"} style={{ display: \"none\" }} key={item.id} />;\n }\n\n const style = item.style || {};\n if (item.disabled) {\n Object.assign(style, disabledStyles);\n }\n\n return (\n <RmwcTab\n tag={\"div\"}\n style={style}\n key={item.id}\n data-testid={item[\"data-testid\"]}\n {...(item.icon ? { icon: item.icon } : {})}\n >\n {item.label}\n </RmwcTab>\n );\n })}\n </TabBar>\n );\n\n const content = tabs.filter(Boolean).map((tab, index) => {\n if (activeIndex === index) {\n return <div key={index}>{tab.children}</div>;\n } else {\n return (\n <div key={index} style={{ display: \"none\" }}>\n {tab.children}\n </div>\n );\n }\n });\n\n const context: TabsContext = useMemo(\n () => ({\n addTab(props) {\n setTabs(tabs => {\n const existingIndex = tabs.findIndex(tab => tab.id === props.id);\n if (existingIndex > -1) {\n return [\n ...tabs.slice(0, existingIndex),\n props,\n ...tabs.slice(existingIndex + 1)\n ];\n }\n return [...tabs, props];\n });\n },\n removeTab(id) {\n setTabs(tabs => tabs.filter(tab => tab.id === id));\n }\n }),\n [setTabs]\n );\n\n return (\n <div id={props.id} className={classNames(\"webiny-ui-tabs\", className)}>\n {tabBar}\n <div className={\"webiny-ui-tabs__content mdc-tab-content\"}>{content}</div>\n <TabsContext.Provider value={context}>{children}</TabsContext.Provider>\n </div>\n );\n};\n\nTabs.displayName = \"Tabs\";\n"],"mappings":"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","ignoreList":[]}
|
package/Tags/Tags.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_keycode","_interopRequireDefault","_minimatch","_Input","_Chips","_baselineClose24px","_FormElementMessage","_excluded","tagsStyle","css","position","width","left","top","zIndex","maxHeight","overflowY","backgroundColor","ul","listStyle","padding","li","Tags","exports","props","_useState","useState","_useState2","_slicedToArray2","default","inputValue","setInputValue","validation","value","disabled","onChange","description","_props$protectedTags","protectedTags","otherInputProps","_objectWithoutProperties2","isProtected","useCallback","tag","some","pattern","minimatch","inputProps","_objectSpread2","onKeyDown","ev","newValue","Array","isArray","_toConsumableArray2","keycode","push","length","splice","_ref","validationIsValid","isValid","validationMessage","message","createElement","className","Input","FormElementMessage","error","Chips","map","item","index","Chip","label","trailingIcon","ReactComponent","key","concat","onRemove","_default"],"sources":["Tags.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport keycode from \"keycode\";\nimport minimatch from \"minimatch\";\nimport { Input, InputProps } from \"~/Input\";\nimport { Chips, Chip } from \"~/Chips\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactComponent as BaselineCloseIcon } from \"./icons/baseline-close-24px.svg\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ninterface TagsProps extends FormComponentProps {\n /**\n * Component label.\n */\n label?: string;\n\n /**\n * Are input and chosen tags disabled?\n */\n disabled?: boolean;\n\n /**\n * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n */\n placeholder?: string;\n\n /**\n * Description beneath the input.\n */\n description?: string;\n\n /**\n * A className for the root element.\n */\n className?: string;\n\n /**\n * A list of tags.\n */\n value?: string[];\n\n /**\n * Callback that gets executed on change of input value.\n */\n onInput?: <T = unknown>(value: T) => void;\n\n /**\n * Callback that gets executed when the input is focused.\n */\n onFocus?: (ev: Event) => void;\n\n /**\n * Automatically focus on the tags input.\n */\n autoFocus?: boolean;\n\n /**\n * Protected tags cannot be removed by the user.\n */\n protectedTags?: string[];\n}\n\nconst tagsStyle = css({\n position: \"relative\",\n \".mdc-elevation--z1\": {\n position: \"absolute\",\n width: \"calc(100% - 2px)\",\n left: 1,\n top: 56,\n zIndex: 10,\n maxHeight: 200,\n overflowY: \"scroll\",\n backgroundColor: \"var(--mdc-theme-surface)\"\n },\n ul: {\n listStyle: \"none\",\n width: \"100%\",\n padding: 0,\n li: {\n padding: 10\n }\n }\n});\n\nexport const Tags = (props: TagsProps) => {\n const [inputValue, setInputValue] = useState(\"\");\n\n const {\n validation,\n value,\n disabled,\n onChange,\n description,\n protectedTags = [],\n ...otherInputProps\n } = props;\n\n const isProtected = useCallback(\n (tag: string) => protectedTags.some(pattern => minimatch(tag, pattern)),\n [protectedTags]\n );\n\n const inputProps: InputProps<string> = {\n ...otherInputProps,\n value: inputValue,\n onChange: inputValue => {\n setInputValue(inputValue);\n },\n onKeyDown: (ev: SyntheticEvent) => {\n if (!onChange) {\n return;\n }\n\n const newValue = Array.isArray(value) ? [...value] : [];\n\n /**\n * We must cast as keycode only works with Event | string type.\n */\n switch (keycode(ev as unknown as Event)) {\n case \"enter\":\n if (inputValue) {\n newValue.push(inputValue);\n onChange(newValue);\n setInputValue(\"\");\n }\n break;\n case \"backspace\":\n if (newValue.length && !inputValue) {\n newValue.splice(-1, 1);\n onChange(newValue);\n break;\n }\n }\n }\n };\n\n const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n return (\n <div className={tagsStyle}>\n <div>\n <Input {...inputProps} />\n\n {validationIsValid === false && (\n <FormElementMessage error>{validationMessage}</FormElementMessage>\n )}\n {validationIsValid !== false && description && (\n <FormElementMessage>{description}</FormElementMessage>\n )}\n\n {Array.isArray(value) && value.length ? (\n <Chips disabled={disabled}>\n {value.map((item, index) => {\n return (\n <Chip\n label={item}\n trailingIcon={isProtected(item) ? null : <BaselineCloseIcon />}\n key={`${item}-${index}`}\n onRemove={() => {\n // On removal, let's update the value and call \"onChange\" callback.\n if (onChange) {\n const newValue = [...value];\n newValue.splice(index, 1);\n onChange(newValue);\n }\n }}\n />\n );\n })}\n </Chips>\n ) : null}\n </div>\n </div>\n );\n};\n\nexport default Tags;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,mBAAA,GAAAR,OAAA;AAA0D,IAAAS,SAAA;AAsD1D,IAAMC,SAAS,GAAG,IAAAC,YAAG,EAAC;EAClBC,QAAQ,EAAE,UAAU;EACpB,oBAAoB,EAAE;IAClBA,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,kBAAkB;IACzBC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE,EAAE;IACPC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE;EACrB,CAAC;EACDC,EAAE,EAAE;IACAC,SAAS,EAAE,MAAM;IACjBR,KAAK,EAAE,MAAM;IACbS,OAAO,EAAE,CAAC;IACVC,EAAE,EAAE;MACAD,OAAO,EAAE;IACb;EACJ;AACJ,CAAC,CAAC;AAEK,IAAME,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,KAAgB,EAAK;EACtC,IAAAC,SAAA,GAAoC,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAzCK,UAAU,GAAAH,UAAA;IAAEI,aAAa,GAAAJ,UAAA;EAEhC,IACIK,UAAU,GAOVR,KAAK,CAPLQ,UAAU;IACVC,KAAK,GAMLT,KAAK,CANLS,KAAK;IACLC,QAAQ,GAKRV,KAAK,CALLU,QAAQ;IACRC,QAAQ,GAIRX,KAAK,CAJLW,QAAQ;IACRC,WAAW,GAGXZ,KAAK,CAHLY,WAAW;IAAAC,oBAAA,GAGXb,KAAK,CAFLc,aAAa;IAAbA,aAAa,GAAAD,oBAAA,cAAG,EAAE,GAAAA,oBAAA;IACfE,eAAe,OAAAC,yBAAA,CAAAX,OAAA,EAClBL,KAAK,EAAAjB,SAAA;EAET,IAAMkC,WAAW,GAAG,IAAAC,kBAAW,EAC3B,UAACC,GAAW;IAAA,OAAKL,aAAa,CAACM,IAAI,CAAC,UAAAC,OAAO;MAAA,OAAI,IAAAC,kBAAS,EAACH,GAAG,EAAEE,OAAO,CAAC;IAAA,EAAC;EAAA,GACvE,CAACP,aAAa,CAClB,CAAC;EAED,IAAMS,UAA8B,OAAAC,cAAA,CAAAnB,OAAA,MAAAmB,cAAA,CAAAnB,OAAA,MAC7BU,eAAe;IAClBN,KAAK,EAAEH,UAAU;IACjBK,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_keycode","_interopRequireDefault","_minimatch","_Input","_Chips","_baselineClose24px","_FormElementMessage","_excluded","tagsStyle","css","position","width","left","top","zIndex","maxHeight","overflowY","backgroundColor","ul","listStyle","padding","li","Tags","exports","props","_useState","useState","_useState2","_slicedToArray2","default","inputValue","setInputValue","validation","value","disabled","onChange","description","_props$protectedTags","protectedTags","otherInputProps","_objectWithoutProperties2","isProtected","useCallback","tag","some","pattern","minimatch","inputProps","_objectSpread2","onKeyDown","ev","newValue","Array","isArray","_toConsumableArray2","keycode","push","length","splice","_ref","validationIsValid","isValid","validationMessage","message","createElement","className","Input","FormElementMessage","error","Chips","map","item","index","Chip","label","trailingIcon","ReactComponent","key","concat","onRemove","_default"],"sources":["Tags.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport keycode from \"keycode\";\nimport minimatch from \"minimatch\";\nimport { Input, InputProps } from \"~/Input\";\nimport { Chips, Chip } from \"~/Chips\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactComponent as BaselineCloseIcon } from \"./icons/baseline-close-24px.svg\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ninterface TagsProps extends FormComponentProps {\n /**\n * Component label.\n */\n label?: string;\n\n /**\n * Are input and chosen tags disabled?\n */\n disabled?: boolean;\n\n /**\n * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n */\n placeholder?: string;\n\n /**\n * Description beneath the input.\n */\n description?: string;\n\n /**\n * A className for the root element.\n */\n className?: string;\n\n /**\n * A list of tags.\n */\n value?: string[];\n\n /**\n * Callback that gets executed on change of input value.\n */\n onInput?: <T = unknown>(value: T) => void;\n\n /**\n * Callback that gets executed when the input is focused.\n */\n onFocus?: (ev: Event) => void;\n\n /**\n * Automatically focus on the tags input.\n */\n autoFocus?: boolean;\n\n /**\n * Protected tags cannot be removed by the user.\n */\n protectedTags?: string[];\n}\n\nconst tagsStyle = css({\n position: \"relative\",\n \".mdc-elevation--z1\": {\n position: \"absolute\",\n width: \"calc(100% - 2px)\",\n left: 1,\n top: 56,\n zIndex: 10,\n maxHeight: 200,\n overflowY: \"scroll\",\n backgroundColor: \"var(--mdc-theme-surface)\"\n },\n ul: {\n listStyle: \"none\",\n width: \"100%\",\n padding: 0,\n li: {\n padding: 10\n }\n }\n});\n\nexport const Tags = (props: TagsProps) => {\n const [inputValue, setInputValue] = useState(\"\");\n\n const {\n validation,\n value,\n disabled,\n onChange,\n description,\n protectedTags = [],\n ...otherInputProps\n } = props;\n\n const isProtected = useCallback(\n (tag: string) => protectedTags.some(pattern => minimatch(tag, pattern)),\n [protectedTags]\n );\n\n const inputProps: InputProps<string> = {\n ...otherInputProps,\n value: inputValue,\n onChange: inputValue => {\n setInputValue(inputValue);\n },\n onKeyDown: (ev: SyntheticEvent) => {\n if (!onChange) {\n return;\n }\n\n const newValue = Array.isArray(value) ? [...value] : [];\n\n /**\n * We must cast as keycode only works with Event | string type.\n */\n switch (keycode(ev as unknown as Event)) {\n case \"enter\":\n if (inputValue) {\n newValue.push(inputValue);\n onChange(newValue);\n setInputValue(\"\");\n }\n break;\n case \"backspace\":\n if (newValue.length && !inputValue) {\n newValue.splice(-1, 1);\n onChange(newValue);\n break;\n }\n }\n }\n };\n\n const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n return (\n <div className={tagsStyle}>\n <div>\n <Input {...inputProps} />\n\n {validationIsValid === false && (\n <FormElementMessage error>{validationMessage}</FormElementMessage>\n )}\n {validationIsValid !== false && description && (\n <FormElementMessage>{description}</FormElementMessage>\n )}\n\n {Array.isArray(value) && value.length ? (\n <Chips disabled={disabled}>\n {value.map((item, index) => {\n return (\n <Chip\n label={item}\n trailingIcon={isProtected(item) ? null : <BaselineCloseIcon />}\n key={`${item}-${index}`}\n onRemove={() => {\n // On removal, let's update the value and call \"onChange\" callback.\n if (onChange) {\n const newValue = [...value];\n newValue.splice(index, 1);\n onChange(newValue);\n }\n }}\n />\n );\n })}\n </Chips>\n ) : null}\n </div>\n </div>\n );\n};\n\nexport default Tags;\n"],"mappings":"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","ignoreList":[]}
|
package/Tooltip/Tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_rcTooltip","Tooltip","exports","_React$Component","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","tooltipIsOpen","visible","setState","_inherits2","_createClass2","key","value","render","createElement","Object","assign","animation","onVisibleChange","overlay","props","content","className","children","React","Component"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as RcTooltip } from \"rc-tooltip\";\nimport \"rc-tooltip/assets/bootstrap_white.css\";\nimport \"./style.scss\";\n\ntype TooltipPropsContent =\n | (() => React.ReactChild)\n | React.ReactChild\n | React.ReactFragment\n | React.ReactPortal;\n\nexport interface TooltipProps {\n // A component (eg. button) which will trigger the tooltip.\n children: React.ReactNode;\n\n // Content which will be shown inside the tooltip.\n content: TooltipPropsContent;\n\n // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n trigger?: string;\n\n // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n placement?:\n | \"left\"\n | \"right\"\n | \"top\"\n | \"bottom\"\n | \"topLeft\"\n | \"topRight\"\n | \"bottomLeft\"\n | \"bottomRight\";\n\n // CSS class name\n className?: string;\n}\n\ninterface State {\n tooltipIsOpen: boolean;\n}\n\n/**\n * Use Tooltip component to display a list of choices, once the handler is triggered.\n */\nclass Tooltip extends React.Component<TooltipProps, State> {\n public override state = {\n tooltipIsOpen: false\n };\n\n onVisibleChange = (visible?: boolean) => {\n this.setState({\n tooltipIsOpen: visible || false\n });\n };\n\n public override render() {\n return (\n <RcTooltip\n animation={\"fade\"}\n onVisibleChange={this.onVisibleChange}\n overlay={this.props.content}\n {...this.props}\n >\n <span className=\"webiny-ui-tooltip tooltip-content-wrapper\">\n {this.props.children}\n </span>\n </RcTooltip>\n );\n }\n}\n\nexport { Tooltip };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AACAA,OAAA;AAqCA;AACA;AACA;AAFA,IAGME,OAAO,GAAAC,OAAA,CAAAD,OAAA,0BAAAE,gBAAA;EAAA,SAAAF,QAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,OAAA;IAAA,SAAAM,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAR,KAAA,OAAAS,WAAA,CAAAP,OAAA,QAAAL,OAAA,KAAAa,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,CAAAT,OAAA,EAAAF,KAAA,WACe;MACpBY,aAAa,EAAE;IACnB,CAAC;IAAA,IAAAD,gBAAA,CAAAT,OAAA,EAAAF,KAAA,qBAEiB,UAACa,OAAiB,EAAK;MACrCb,KAAA,CAAKc,QAAQ,CAAC;QACVF,aAAa,EAAEC,OAAO,IAAI;MAC9B,CAAC,CAAC;IACN,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAA,IAAAe,UAAA,CAAAb,OAAA,EAAAL,OAAA,EAAAE,gBAAA;EAAA,WAAAiB,aAAA,CAAAd,OAAA,EAAAL,OAAA;IAAAoB,GAAA;IAAAC,KAAA,EAED,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_rcTooltip","Tooltip","exports","_React$Component","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","tooltipIsOpen","visible","setState","_inherits2","_createClass2","key","value","render","createElement","Object","assign","animation","onVisibleChange","overlay","props","content","className","children","React","Component"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as RcTooltip } from \"rc-tooltip\";\nimport \"rc-tooltip/assets/bootstrap_white.css\";\nimport \"./style.scss\";\n\ntype TooltipPropsContent =\n | (() => React.ReactChild)\n | React.ReactChild\n | React.ReactFragment\n | React.ReactPortal;\n\nexport interface TooltipProps {\n // A component (eg. button) which will trigger the tooltip.\n children: React.ReactNode;\n\n // Content which will be shown inside the tooltip.\n content: TooltipPropsContent;\n\n // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n trigger?: string;\n\n // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n placement?:\n | \"left\"\n | \"right\"\n | \"top\"\n | \"bottom\"\n | \"topLeft\"\n | \"topRight\"\n | \"bottomLeft\"\n | \"bottomRight\";\n\n // CSS class name\n className?: string;\n}\n\ninterface State {\n tooltipIsOpen: boolean;\n}\n\n/**\n * Use Tooltip component to display a list of choices, once the handler is triggered.\n */\nclass Tooltip extends React.Component<TooltipProps, State> {\n public override state = {\n tooltipIsOpen: false\n };\n\n onVisibleChange = (visible?: boolean) => {\n this.setState({\n tooltipIsOpen: visible || false\n });\n };\n\n public override render() {\n return (\n <RcTooltip\n animation={\"fade\"}\n onVisibleChange={this.onVisibleChange}\n overlay={this.props.content}\n {...this.props}\n >\n <span className=\"webiny-ui-tooltip tooltip-content-wrapper\">\n {this.props.children}\n </span>\n </RcTooltip>\n );\n }\n}\n\nexport { Tooltip };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AACAA,OAAA;AAqCA;AACA;AACA;AAFA,IAGME,OAAO,GAAAC,OAAA,CAAAD,OAAA,0BAAAE,gBAAA;EAAA,SAAAF,QAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,OAAA;IAAA,SAAAM,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAR,KAAA,OAAAS,WAAA,CAAAP,OAAA,QAAAL,OAAA,KAAAa,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,CAAAT,OAAA,EAAAF,KAAA,WACe;MACpBY,aAAa,EAAE;IACnB,CAAC;IAAA,IAAAD,gBAAA,CAAAT,OAAA,EAAAF,KAAA,qBAEiB,UAACa,OAAiB,EAAK;MACrCb,KAAA,CAAKc,QAAQ,CAAC;QACVF,aAAa,EAAEC,OAAO,IAAI;MAC9B,CAAC,CAAC;IACN,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAA,IAAAe,UAAA,CAAAb,OAAA,EAAAL,OAAA,EAAAE,gBAAA;EAAA,WAAAiB,aAAA,CAAAd,OAAA,EAAAL,OAAA;IAAAoB,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAAA,EAAG;MACrB,oBACI1B,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACxB,UAAA,CAAAM,OAAS,EAAAmB,MAAA,CAAAC,MAAA;QACNC,SAAS,EAAE,MAAO;QAClBC,eAAe,EAAE,IAAI,CAACA,eAAgB;QACtCC,OAAO,EAAE,IAAI,CAACC,KAAK,CAACC;MAAQ,GACxB,IAAI,CAACD,KAAK,gBAEdjC,MAAA,CAAAS,OAAA,CAAAkB,aAAA;QAAMQ,SAAS,EAAC;MAA2C,GACtD,IAAI,CAACF,KAAK,CAACG,QACV,CACC,CAAC;IAEpB;EAAC;AAAA,EAxBiBC,cAAK,CAACC,SAAS","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/ui",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.42.0-beta.0",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
],
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@babel/runtime": "7.24.1",
|
|
18
17
|
"@editorjs/editorjs": "2.26.5",
|
|
19
18
|
"@emotion/react": "11.10.8",
|
|
20
19
|
"@emotion/styled": "11.10.6",
|
|
@@ -44,8 +43,9 @@
|
|
|
44
43
|
"@rmwc/typography": "14.2.2",
|
|
45
44
|
"@svgr/webpack": "6.5.1",
|
|
46
45
|
"@tanstack/react-table": "8.7.9",
|
|
46
|
+
"@webiny/utils": "5.42.0-beta.0",
|
|
47
47
|
"brace": "0.11.1",
|
|
48
|
-
"classnames": "2.
|
|
48
|
+
"classnames": "2.5.1",
|
|
49
49
|
"cropperjs": "1.5.13",
|
|
50
50
|
"dot-prop-immutable": "2.1.1",
|
|
51
51
|
"downshift": "2.2.3",
|
|
@@ -65,37 +65,29 @@
|
|
|
65
65
|
"react-loading-skeleton": "3.1.0",
|
|
66
66
|
"react-spinner-material": "1.1.4",
|
|
67
67
|
"react-transition-group": "4.4.5",
|
|
68
|
-
"shortid": "2.2.16",
|
|
69
68
|
"timeago-react": "3.0.6"
|
|
70
69
|
},
|
|
71
70
|
"devDependencies": {
|
|
72
|
-
"@babel/cli": "7.24.1",
|
|
73
|
-
"@babel/core": "7.24.3",
|
|
74
|
-
"@babel/plugin-proposal-class-properties": "7.18.6",
|
|
75
|
-
"@babel/preset-env": "7.24.3",
|
|
76
|
-
"@babel/preset-typescript": "7.24.1",
|
|
77
71
|
"@emotion/babel-plugin": "11.11.0",
|
|
78
72
|
"@testing-library/react": "15.0.7",
|
|
79
73
|
"@types/nprogress": "0.2.0",
|
|
80
74
|
"@types/react-color": "2.17.11",
|
|
81
75
|
"@types/react-custom-scrollbars": "4.0.10",
|
|
82
76
|
"@types/react-transition-group": "4.4.5",
|
|
83
|
-
"@
|
|
84
|
-
"@webiny/
|
|
85
|
-
"@webiny/
|
|
86
|
-
"@webiny/
|
|
87
|
-
"
|
|
88
|
-
"babel-loader": "9.1.2",
|
|
77
|
+
"@webiny/cli": "5.42.0-beta.0",
|
|
78
|
+
"@webiny/form": "5.42.0-beta.0",
|
|
79
|
+
"@webiny/project-utils": "5.42.0-beta.0",
|
|
80
|
+
"@webiny/validation": "5.42.0-beta.0",
|
|
81
|
+
"babel-loader": "9.2.1",
|
|
89
82
|
"execa": "5.1.1",
|
|
90
|
-
"jest-dom": "3.5.0",
|
|
91
83
|
"ncp": "2.0.0",
|
|
92
|
-
"raw-loader": "0.
|
|
93
|
-
"rimraf": "
|
|
84
|
+
"raw-loader": "4.0.2",
|
|
85
|
+
"rimraf": "6.0.1",
|
|
94
86
|
"ttypescript": "1.5.15",
|
|
95
87
|
"typescript": "4.9.5"
|
|
96
88
|
},
|
|
97
89
|
"peerDependencies": {
|
|
98
|
-
"minimatch": "^5.1.
|
|
90
|
+
"minimatch": "^5.1.6",
|
|
99
91
|
"react": "18.2.0",
|
|
100
92
|
"react-dom": "18.2.0"
|
|
101
93
|
},
|
|
@@ -123,5 +115,5 @@
|
|
|
123
115
|
]
|
|
124
116
|
}
|
|
125
117
|
},
|
|
126
|
-
"gitHead": "
|
|
118
|
+
"gitHead": "ebf90f62ed3f28114ffdb012b7e5f80988af53d3"
|
|
127
119
|
}
|