npm - @wix/design-system - Versions diffs - 1.169.0 → 1.170.0 - Mend

@wix/design-system 1.169.0 → 1.170.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.

Files changed (733) hide show

package/dist/cjs/ModalMobileLayout/components/Footer/Footer.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
-var _namespace_ = "wds_1_169_0_Footer";
+var _namespace_ = "wds_1_170_0_Footer";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_Footer__root"};
+module.exports.classes = {"root":"wds_1_170_0_Footer__root"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ModalMobileLayout/components/Title/Title.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
-var _namespace_ = "wds_1_169_0_Title";
+var _namespace_ = "wds_1_170_0_Title";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_Title__root"};
+module.exports.classes = {"root":"wds_1_170_0_Title__root"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ModalPreviewLayout/ModalPreviewLayout.st.css.js CHANGED Viewed

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_169_0_ModalPreviewLayout";
+var _namespace_ = "wds_1_170_0_ModalPreviewLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_ModalPreviewLayout__root","header":"wds_1_169_0_ModalPreviewLayout__header","title":"wds_1_169_0_ModalPreviewLayout__title","actions":"wds_1_169_0_ModalPreviewLayout__actions","closeButton":"wds_1_169_0_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_169_0_ModalPreviewLayout__innerOverlay","content":"wds_1_169_0_ModalPreviewLayout__content","navigationButton":"wds_1_169_0_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_169_0_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_169_0_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_169_0_ModalPreviewLayout__modalTooltip"};
+module.exports.classes = {"root":"wds_1_170_0_ModalPreviewLayout__root","header":"wds_1_170_0_ModalPreviewLayout__header","title":"wds_1_170_0_ModalPreviewLayout__title","actions":"wds_1_170_0_ModalPreviewLayout__actions","closeButton":"wds_1_170_0_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_170_0_ModalPreviewLayout__innerOverlay","content":"wds_1_170_0_ModalPreviewLayout__content","navigationButton":"wds_1_170_0_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_170_0_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_170_0_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_170_0_ModalPreviewLayout__modalTooltip"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ModalSelectorLayout/ModalSelectorLayout.st.css.js CHANGED Viewed

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_169_0_ModalSelectorLayout";
+var _namespace_ = "wds_1_170_0_ModalSelectorLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_ModalSelectorLayout__root","modalContent":"wds_1_169_0_ModalSelectorLayout__modalContent"};
+module.exports.classes = {"root":"wds_1_170_0_ModalSelectorLayout__root","modalContent":"wds_1_170_0_ModalSelectorLayout__modalContent"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/MultiSelect/InputWithTags.st.css.js CHANGED Viewed

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_169_0_InputWithTags";
+var _namespace_ = "wds_1_170_0_InputWithTags";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_InputWithTags__root","text-medium-normal":"wds_1_169_0_StylableTypography__text-medium-normal","inputWrapper":"wds_1_169_0_InputWithTags__inputWrapper","emptyInput":"wds_1_169_0_InputWithTags__emptyInput","selectMode":"wds_1_169_0_InputWithTags__selectMode","inputSuffix":"wds_1_169_0_InputWithTags__inputSuffix","menuArrow":"wds_1_169_0_InputWithTags__menuArrow","statusIndicator":"wds_1_169_0_InputWithTags__statusIndicator","suffixes":"wds_1_169_0_InputWithTags__suffixes","hiddenDiv":"wds_1_169_0_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_169_0_InputWithTags__hasMaxHeight","customSuffix":"wds_1_169_0_InputWithTags__customSuffix","customPrefix":"wds_1_169_0_InputWithTags__customPrefix","tagsContainer":"wds_1_169_0_InputWithTags__tagsContainer","draggedTag":"wds_1_169_0_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_169_0_InputWithTags__draggedTagPlaceholder","input":"wds_1_169_0_InputWithTags__input"};
+module.exports.classes = {"root":"wds_1_170_0_InputWithTags__root","text-medium-normal":"wds_1_170_0_StylableTypography__text-medium-normal","inputWrapper":"wds_1_170_0_InputWithTags__inputWrapper","emptyInput":"wds_1_170_0_InputWithTags__emptyInput","selectMode":"wds_1_170_0_InputWithTags__selectMode","inputSuffix":"wds_1_170_0_InputWithTags__inputSuffix","menuArrow":"wds_1_170_0_InputWithTags__menuArrow","statusIndicator":"wds_1_170_0_InputWithTags__statusIndicator","suffixes":"wds_1_170_0_InputWithTags__suffixes","hiddenDiv":"wds_1_170_0_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_170_0_InputWithTags__hasMaxHeight","customSuffix":"wds_1_170_0_InputWithTags__customSuffix","customPrefix":"wds_1_170_0_InputWithTags__customPrefix","tagsContainer":"wds_1_170_0_InputWithTags__tagsContainer","draggedTag":"wds_1_170_0_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_170_0_InputWithTags__draggedTagPlaceholder","input":"wds_1_170_0_InputWithTags__input"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/MultiSelect/MultiSelect.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_169_0_MultiSelect";
+var _namespace_ = "wds_1_170_0_MultiSelect";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_MultiSelect__root","inputWithTags":"wds_1_169_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_169_0_MultiSelect__autoSizeInput"};
+module.exports.classes = {"root":"wds_1_170_0_MultiSelect__root","inputWithTags":"wds_1_170_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_170_0_MultiSelect__autoSizeInput"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/MultiSelectCheckbox/MultiSelectCheckbox.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_169_0_MultiSelectCheckbox";
+var _namespace_ = "wds_1_170_0_MultiSelectCheckbox";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_MultiSelectCheckbox__root","showPointer":"wds_1_169_0_MultiSelectCheckbox__showPointer","withSearch":"wds_1_169_0_MultiSelectCheckbox__withSearch"};
+module.exports.classes = {"root":"wds_1_170_0_MultiSelectCheckbox__root","showPointer":"wds_1_170_0_MultiSelectCheckbox__showPointer","withSearch":"wds_1_170_0_MultiSelectCheckbox__withSearch"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NavigationToast/NavigationToast.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_169_0_NavigationToast";
+var _namespace_ = "wds_1_170_0_NavigationToast";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_NavigationToast__root","toast":"wds_1_169_0_NavigationToast__toast"};
+module.exports.classes = {"root":"wds_1_170_0_NavigationToast__root","toast":"wds_1_170_0_NavigationToast__toast"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NestableList/NestableList.js CHANGED Viewed

@@ -335,12 +335,22 @@ class NestableList extends _react.default.PureComponent {
           break;
         case top:
           this._setStateDecorator({
-            items: (0, _utils.moveItemVertically)(this.state.items, itemOptions.item, _utils.VerticalMovementDirection.top)
+            items: (0, _utils.moveItemVertically)({
+              items: this.state.items,
+              item: itemOptions.item,
+              step: _utils.VerticalMovementDirection.top,
+              preventChangeParent: this.props.preventChangeParent
+            })
           });
           break;
         case bottom:
           this._setStateDecorator({
-            items: (0, _utils.moveItemVertically)(this.state.items, itemOptions.item, _utils.VerticalMovementDirection.bottom)
+            items: (0, _utils.moveItemVertically)({
+              items: this.state.items,
+              item: itemOptions.item,
+              step: _utils.VerticalMovementDirection.bottom,
+              preventChangeParent: this.props.preventChangeParent
+            })
           });
           break;
         default:
@@ -400,6 +410,7 @@ class NestableList extends _react.default.PureComponent {
       maxDepth,
       onChange,
       preventChangeDepth,
+      preventChangeParent,
       readOnly,
       zIndex
     } = this.props;
@@ -412,7 +423,7 @@ class NestableList extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 394,
+        lineNumber: 397,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_NestableListBase.default, {
@@ -440,6 +451,7 @@ class NestableList extends _react.default.PureComponent {
       theme: _NestableListThemeSt.classes,
       readOnly: readOnly,
       preventChangeDepth: preventChangeDepth,
+      preventChangeParent: preventChangeParent,
       childrenStyle: {
         position: 'relative',
         marginLeft: "".concat(depthThreshold, "px")
@@ -450,7 +462,7 @@ class NestableList extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 398,
+        lineNumber: 401,
         columnNumber: 9
       }
     }), this._renderActionsFactory({
@@ -491,6 +503,8 @@ NestableList.propTypes = {
   maxDepth: _propTypes.default.number,
   /** Allows dragging and dropping an item only on its own depth (inside the same level). */
   preventChangeDepth: _propTypes.default.bool,
+  /** Allows dragging and dropping an item only on its own parent. */
+  preventChangeParent: _propTypes.default.bool,
   /**
    * Defines each Nestable List item individually, using the following props:
    * * __id__ - specifies an item’s ID.
@@ -518,6 +532,7 @@ NestableList.defaultProps = {
   maxDepth: 10,
   withBottomBorder: false,
   preventChangeDepth: false,
+  preventChangeParent: false,
   items: [],
   onAddItem: () => {}
 };

package/dist/cjs/NestableList/NestableList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_NestableListThemeSt","_NestableListSt","_NestableListBase","_TableListItem","_Box","_Arrow","_TextButton","_wixUiIconsCommon","_utils","_constants","_utils2","_excluded","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","NestableList","React","PureComponent","constructor","_this","this","state","movedItem","backup","isDragging","isInternalStateUpdate","items","props","normalizedIndentSize","DEFAULT_INDENT_SIZE","_setStateDecorator","setState","_renderArrow","isLastChild","isPreview","isPlaceholder","undefined","createElement","className","st","classes","arrowContainer","indent","backgroundColor","direction","__self","__source","fileName","lineNumber","columnNumber","arrow","lastChild","preview","placeholder","offset","Arrow","horizontalArrow","_renderActions","data","isRootAction","veryLastItem","item","actions","dataHook","actionsDataHook","rootAction","last","dragging","withoutDividers","dividers","withoutBottomBorder","withBottomBorder","actionItem","onClick","options","map","action","index","arr","width","concat","value","ellipsis","size","prefixIcon","label","_renderAction","addItemLabel","maxDepth","depth","onAddItem","Add","_renderPrefix","isLastItem","siblings","isRootItem","childArrow","_renderItem","isVeryLastItem","id","children","isCollapsed","draggable","rest","_objectWithoutProperties2","focused","itemWrapper","dragEnabled","readOnly","root","firstSibling","isFistItem","_extends2","onBlur","_onBlur","onKeyUp","_moveItemViaKeyboard","showDivider","dragDisabled","_releaseItems","itemOptions","left","top","right","bottom","enter","esc","key","setCollapse","preventChangeDepth","moveItemOutsideOfTheParent","moveItemToTheChildOfPrevSibling","moveItemVertically","VerticalMovementDirection","_onDragEnd","_onDragStart","_renderActionsFactory","getDerivedStateFromProps","normalizeIndentSize","indentSize","releaseItems","onChange","render","zIndex","depthThreshold","getDepthThreshold","renderItem","renderPrefix","renderAction","onDragEnd","onDragStart","onUpdate","_ref","threshold","theme","childrenStyle","position","marginLeft","childrenProperty","isRenderDraggingChildren","displayName","PropTypes","arrayOf","shape","func","node","string","Node","oneOfType","number","isRequired","bool","TableListItem","propTypes","NodeShape","oneOf","indentSizes","defaultProps","_default","exports"],"sources":["../../../src/NestableList/NestableList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { classes as theme } from './NestableListTheme.st.css';\nimport { classes, st } from './NestableList.st.css';\nimport NestableListBase from '../NestableListBase';\nimport TableListItem from '../TableListItem';\nimport Box from '../Box';\n\nimport { Arrow } from './Arrow';\nimport TextButton from '../TextButton';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport {\n isFistItem,\n isLastItem,\n isRootItem,\n moveItemOutsideOfTheParent,\n moveItemToTheChildOfPrevSibling,\n moveItemVertically,\n setCollapse,\n VerticalMovementDirection,\n} from '../NestableListBase/utils';\nimport { DEFAULT_INDENT_SIZE, depthThresholds, indentSizes } from './constants';\nimport { getDepthThreshold, normalizeIndentSize } from './utils';\n\n/** A styled list with drag and drop and nesting capabilities. /\nclass NestableList extends React.PureComponent {\n state = {\n movedItem: null,\n backup: null,\n isDragging: false,\n isInternalStateUpdate: false,\n items: this.props.items,\n normalizedIndentSize: DEFAULT_INDENT_SIZE,\n };\n // according to make possible use setState along with getDerivedStateFromProps\n // https://stackoverflow.com/questions/51019936/why-getderivedstatefromprops-is-called-after-setstate\n _setStateDecorator = state => {\n this.setState({\n ...state,\n isInternalStateUpdate: true,\n });\n };\n\n static getDerivedStateFromProps(props, state) {\n if (state.isInternalStateUpdate) {\n return {\n ...state,\n isInternalStateUpdate: false,\n };\n }\n\n return {\n items: props.items,\n normalizedIndentSize: normalizeIndentSize(props.indentSize),\n };\n }\n\n _renderArrow = ({\n isLastChild = false,\n isPreview = false,\n isPlaceholder,\n } = {}) => {\n return (\n <Box\n className={st(classes.arrowContainer, {\n indent: this.state.normalizedIndentSize,\n })}\n backgroundColor={isPlaceholder ? 'D60' : undefined}\n direction=\"vertical\"\n >\n <div\n className={st(classes.arrow, {\n lastChild: isLastChild,\n preview: isPreview,\n placeholder: isPlaceholder,\n offset: this.state.normalizedIndentSize,\n })}\n >\n <Arrow className={classes.horizontalArrow} />\n </div>\n </Box>\n );\n };\n\n _renderActions = data => {\n const { isRootAction, veryLastItem, item } = data;\n const actions = isRootAction ? this.props.actions : item.actions;\n if (!actions) {\n return null;\n }\n const dataHook = isRootAction\n ? 'nestable-list-root-actions'\n : item.actionsDataHook;\n\n return (\n <div\n data-hook={dataHook}\n className={st(\n classes.item,\n {\n rootAction: isRootAction,\n last: veryLastItem,\n dragging: this.state.isDragging,\n withoutDividers: this.props.dividers === false,\n withoutBottomBorder:\n !this.props.withBottomBorder && (veryLastItem \|\| isRootAction),\n indent: this.state.normalizedIndentSize,\n },\n classes.actionItem,\n )}\n >\n <TableListItem\n onClick={e => {\n if (actions.length === 1) {\n actions[0].onClick(e, item);\n }\n }}\n options={actions.map((action, index, arr) => {\n return {\n width: `fit-content(${100 / arr.length}%)`,\n value: (\n <TextButton\n dataHook=\"nestable-list-action\"\n ellipsis\n size=\"small\"\n onClick={e => {\n // if one element event handler is fired on table list item\n if (arr.length !== 1) {\n action.onClick(e, item);\n }\n }}\n prefixIcon={action.prefixIcon}\n >\n {action.label}\n </TextButton>\n ),\n };\n })}\n />\n </div>\n );\n };\n\n _renderAction = data => {\n const label = data.isRootAction\n ? this.props.addItemLabel\n : data.item.addItemLabel;\n\n if (!label \|\| this.props.maxDepth <= data.depth) {\n return;\n }\n return (\n <Box\n direction=\"vertical\"\n className={st(\n classes.item,\n {\n rootAction: data.isRootAction,\n last: data.veryLastItem,\n dragging: this.state.isDragging,\n withoutDividers: this.props.dividers === false,\n withoutBottomBorder:\n !this.props.withBottomBorder &&\n ((data.veryLastItem && !data.addItemLabel) \|\| data.isRootAction),\n indent: this.state.normalizedIndentSize,\n },\n classes.actionItem,\n )}\n >\n <TableListItem\n onClick={() => this.props.onAddItem(data.item)}\n options={[\n {\n value: (\n <Box>\n <TextButton size=\"small\" prefixIcon={<Add />}>\n {label}\n </TextButton>\n </Box>\n ),\n },\n ]}\n />\n </Box>\n );\n };\n\n _renderPrefix = data => {\n if (\n data.isPreview \|\|\n isLastItem(data.siblings, data.item) \|\|\n isRootItem(data.depth)\n ) {\n return null;\n }\n return (\n <div\n className={st(classes.childArrow, {\n offset: this.state.normalizedIndentSize,\n })}\n />\n );\n };\n\n _renderItem = options => {\n const { isPlaceholder, depth, isPreview, isVeryLastItem, siblings, item } =\n options;\n const { id, children, isCollapsed, draggable = true, ...rest } = item;\n const isLastChild = isLastItem(siblings, item);\n const focused = this.state.movedItem && id === this.state.movedItem.id;\n\n return (\n <div\n className={st(classes.itemWrapper, {\n dragEnabled: draggable && !this.props.readOnly,\n })}\n data-hook={\n item.dataHook\n ? `${item.dataHook}-item`\n : `styled-nestable-list-item-${item.id}`\n }\n >\n {!isRootItem(depth) &&\n this._renderArrow({\n isLastChild,\n isPreview,\n isPlaceholder,\n })}\n <div\n className={st(classes.item, {\n root: isRootItem(depth),\n firstSibling: isFistItem(siblings, item),\n last: isVeryLastItem,\n placeholder: isPlaceholder,\n preview: isPreview,\n focused,\n dragging: this.state.isDragging \|\| focused,\n withoutDividers:\n this.props.dividers === false && !focused && !isPreview,\n withoutBottomBorder:\n isVeryLastItem &&\n !this.props.withBottomBorder &&\n !this.props.addItemLabel,\n })}\n >\n <TableListItem\n {...rest}\n focused={focused}\n onBlur={this._onBlur}\n onKeyUp={e => this._moveItemViaKeyboard(e, options)}\n showDivider={false}\n dragging={isPreview \|\| focused}\n dragDisabled={!draggable && !this.props.readOnly}\n draggable={!this.props.readOnly}\n options={rest.options ? rest.options : []}\n />\n </div>\n </div>\n );\n };\n\n _onBlur = () => {\n this._releaseItems();\n };\n\n _moveItemViaKeyboard = (e, itemOptions) => {\n const left = 'ArrowLeft';\n const top = 'ArrowUp';\n const right = 'ArrowRight';\n const bottom = 'ArrowDown';\n const enter = 'Enter';\n const esc = 'Escape';\n // start dragend-drop\n if (e.key === enter && !this.state.movedItem) {\n this._setStateDecorator({\n backup: this.state.items,\n movedItem: itemOptions.item,\n items: setCollapse(this.state.items, itemOptions.item.id, true),\n });\n }\n\n if (!this.state.movedItem) {\n return;\n }\n\n switch (e.key) {\n case esc:\n this._setStateDecorator({\n items: this.state.backup,\n backup: null,\n movedItem: null,\n });\n break;\n case left:\n if (!this.props.preventChangeDepth) {\n this._setStateDecorator({\n items: moveItemOutsideOfTheParent(\n this.state.items,\n itemOptions.item,\n ),\n });\n }\n break;\n case right:\n if (!this.props.preventChangeDepth) {\n this._setStateDecorator({\n items: moveItemToTheChildOfPrevSibling(\n this.state.items,\n itemOptions.item,\n ),\n });\n }\n break;\n case top:\n this._setStateDecorator({\n items: moveItemVertically(\n this.state.items,\n itemOptions.item,\n VerticalMovementDirection.top,\n ),\n });\n break;\n case bottom:\n this._setStateDecorator({\n items: moveItemVertically(\n this.state.items,\n itemOptions.item,\n VerticalMovementDirection.bottom,\n ),\n });\n break;\n default:\n case enter:\n this._releaseItems();\n break;\n }\n };\n\n _releaseItems() {\n if (this.state.movedItem) {\n const releaseItems = setCollapse(\n this.state.items,\n this.state.movedItem.id,\n this.state.movedItem.isCollapsed,\n );\n this.props.onChange({\n items: releaseItems,\n item: this.state.movedItem,\n });\n this._setStateDecorator({\n movedItem: null,\n backup: null,\n items: releaseItems,\n });\n }\n }\n\n _onDragEnd = () => {\n this._setStateDecorator({\n isDragging: false,\n });\n };\n\n _onDragStart = () => {\n this._setStateDecorator({\n isDragging: true,\n });\n };\n\n _renderActionsFactory = (...args) => {\n const data = args[0];\n const actions = data.isRootAction ? this.props.actions : data.item.actions;\n if (actions) {\n return this._renderActions(...args);\n }\n return this._renderAction(...args);\n };\n\n render() {\n const {\n dataHook,\n className,\n maxDepth,\n onChange,\n preventChangeDepth,\n readOnly,\n zIndex,\n } = this.props;\n\n const depthThreshold = getDepthThreshold(this.state.normalizedIndentSize);\n\n return (\n <div\n data-hook={dataHook}\n className={st(classes.root, { dragEnabled: !readOnly }, className)}\n >\n <NestableListBase\n items={this.state.items}\n renderItem={this._renderItem}\n renderPrefix={this._renderPrefix}\n renderAction={this._renderActionsFactory}\n onDragEnd={this._onDragEnd}\n onDragStart={this._onDragStart}\n onUpdate={({ items, item }) => {\n this._setStateDecorator({\n items,\n });\n onChange({ items, item: item.data });\n }}\n maxDepth={maxDepth}\n threshold={depthThreshold}\n theme={theme}\n readOnly={readOnly}\n preventChangeDepth={preventChangeDepth}\n childrenStyle={{\n position: 'relative',\n marginLeft: `${depthThreshold}px`,\n }}\n childrenProperty=\"children\"\n isRenderDraggingChildren={false}\n zIndex={zIndex}\n />\n {this._renderActionsFactory({\n depth: 0,\n isRootAction: true,\n })}\n </div>\n );\n }\n}\n\nNestableList.displayName = 'NestableList';\n\nconst actions = PropTypes.arrayOf(\n PropTypes.shape({\n onClick: PropTypes.func,\n prefixIcon: PropTypes.node,\n label: PropTypes.string,\n }),\n);\n\nconst Node = {\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n actions,\n dataHook: PropTypes.string,\n isCollapsed: PropTypes.bool,\n addItemLabel: PropTypes.string,\n ...TableListItem.propTypes,\n};\n\nconst NodeShape = PropTypes.shape(Node);\nNode.children = PropTypes.arrayOf(NodeShape);\n\nNestableList.propTypes = {\n /* Actions that will be rendered for on the root depth level /\n actions,\n /* Adds a bottom border (divider) to the last item. /\n withBottomBorder: PropTypes.bool,\n /* Prevents the list from being reordered by removing the dragging grip icons. /\n readOnly: PropTypes.bool,\n /* Adds a button to create a new item (to the Root or a child to the existing item). /\n addItemLabel: PropTypes.string,\n /* Triggers function when the \"Add new ...\" button is clicked. /\n onAddItem: PropTypes.func,\n /* Triggers function when the item’s order or nesting position is changed. /\n onChange: PropTypes.func,\n /* Defines a maximum depth (number of levels) for the list. /\n maxDepth: PropTypes.number,\n /* Allows dragging and dropping an item only on its own depth (inside the same level). /\n preventChangeDepth: PropTypes.bool,\n /\n Defines each Nestable List item individually, using the following props:\n * * __id__ - specifies an item’s ID.\n * * __addItemLabel__ - creates the “Add new ...” button with a given label at the bottom of the item.\n * * __isCollapsed__ - bool prop, defines whether to render the item’s children.\n * * __children__ - defines an item’s children.\n * * __draggable__ - bool prop, turns on / off dragging ability for an item.\n * * All <a href=\"https://www.wix-pages.com/wix-design-system-employees/?path=/story/components-lists-table--tablelistitem\" target=\"_blank\">`<TableListItem/>`</a> props can be used to format item’s style and content.\n /\n items: PropTypes.arrayOf(NodeShape),\n /* Can be applied in the tests as a data-hook HTML attribute. /\n dataHook: PropTypes.string,\n /* Specifies a CSS class name to be appended to the component’s root element.\n * @internal\n /\n className: PropTypes.string,\n /* Defines the zIndex of the draggable layer /\n zIndex: PropTypes.number,\n /* Sets the divider visibility /\n dividers: PropTypes.bool,\n /* Sets the indent size */\n indentSize: PropTypes.oneOf(indentSizes),\n};\n\nNestableList.defaultProps = {\n maxDepth: 10,\n withBottomBorder: false,\n preventChangeDepth: false,\n items: [],\n onAddItem: () => {},\n};\n\nexport default NestableList;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_NestableListThemeSt","_NestableListSt","_NestableListBase","_TableListItem","_Box","_Arrow","_TextButton","_wixUiIconsCommon","_utils","_constants","_utils2","_excluded","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","NestableList","React","PureComponent","constructor","_this","this","state","movedItem","backup","isDragging","isInternalStateUpdate","items","props","normalizedIndentSize","DEFAULT_INDENT_SIZE","_setStateDecorator","setState","_renderArrow","isLastChild","isPreview","isPlaceholder","undefined","createElement","className","st","classes","arrowContainer","indent","backgroundColor","direction","__self","__source","fileName","lineNumber","columnNumber","arrow","lastChild","preview","placeholder","offset","Arrow","horizontalArrow","_renderActions","data","isRootAction","veryLastItem","item","actions","dataHook","actionsDataHook","rootAction","last","dragging","withoutDividers","dividers","withoutBottomBorder","withBottomBorder","actionItem","onClick","options","map","action","index","arr","width","concat","value","ellipsis","size","prefixIcon","label","_renderAction","addItemLabel","maxDepth","depth","onAddItem","Add","_renderPrefix","isLastItem","siblings","isRootItem","childArrow","_renderItem","isVeryLastItem","id","children","isCollapsed","draggable","rest","_objectWithoutProperties2","focused","itemWrapper","dragEnabled","readOnly","root","firstSibling","isFistItem","_extends2","onBlur","_onBlur","onKeyUp","_moveItemViaKeyboard","showDivider","dragDisabled","_releaseItems","itemOptions","left","top","right","bottom","enter","esc","key","setCollapse","preventChangeDepth","moveItemOutsideOfTheParent","moveItemToTheChildOfPrevSibling","moveItemVertically","step","VerticalMovementDirection","preventChangeParent","_onDragEnd","_onDragStart","_renderActionsFactory","getDerivedStateFromProps","normalizeIndentSize","indentSize","releaseItems","onChange","render","zIndex","depthThreshold","getDepthThreshold","renderItem","renderPrefix","renderAction","onDragEnd","onDragStart","onUpdate","_ref","threshold","theme","childrenStyle","position","marginLeft","childrenProperty","isRenderDraggingChildren","displayName","PropTypes","arrayOf","shape","func","node","string","Node","oneOfType","number","isRequired","bool","TableListItem","propTypes","NodeShape","oneOf","indentSizes","defaultProps","_default","exports"],"sources":["../../../src/NestableList/NestableList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { classes as theme } from './NestableListTheme.st.css';\nimport { classes, st } from './NestableList.st.css';\nimport NestableListBase from '../NestableListBase';\nimport TableListItem from '../TableListItem';\nimport Box from '../Box';\n\nimport { Arrow } from './Arrow';\nimport TextButton from '../TextButton';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport {\n isFistItem,\n isLastItem,\n isRootItem,\n moveItemOutsideOfTheParent,\n moveItemToTheChildOfPrevSibling,\n moveItemVertically,\n setCollapse,\n VerticalMovementDirection,\n} from '../NestableListBase/utils';\nimport { DEFAULT_INDENT_SIZE, depthThresholds, indentSizes } from './constants';\nimport { getDepthThreshold, normalizeIndentSize } from './utils';\n\n/** A styled list with drag and drop and nesting capabilities. /\nclass NestableList extends React.PureComponent {\n state = {\n movedItem: null,\n backup: null,\n isDragging: false,\n isInternalStateUpdate: false,\n items: this.props.items,\n normalizedIndentSize: DEFAULT_INDENT_SIZE,\n };\n // according to make possible use setState along with getDerivedStateFromProps\n // https://stackoverflow.com/questions/51019936/why-getderivedstatefromprops-is-called-after-setstate\n _setStateDecorator = state => {\n this.setState({\n ...state,\n isInternalStateUpdate: true,\n });\n };\n\n static getDerivedStateFromProps(props, state) {\n if (state.isInternalStateUpdate) {\n return {\n ...state,\n isInternalStateUpdate: false,\n };\n }\n\n return {\n items: props.items,\n normalizedIndentSize: normalizeIndentSize(props.indentSize),\n };\n }\n\n _renderArrow = ({\n isLastChild = false,\n isPreview = false,\n isPlaceholder,\n } = {}) => {\n return (\n <Box\n className={st(classes.arrowContainer, {\n indent: this.state.normalizedIndentSize,\n })}\n backgroundColor={isPlaceholder ? 'D60' : undefined}\n direction=\"vertical\"\n >\n <div\n className={st(classes.arrow, {\n lastChild: isLastChild,\n preview: isPreview,\n placeholder: isPlaceholder,\n offset: this.state.normalizedIndentSize,\n })}\n >\n <Arrow className={classes.horizontalArrow} />\n </div>\n </Box>\n );\n };\n\n _renderActions = data => {\n const { isRootAction, veryLastItem, item } = data;\n const actions = isRootAction ? this.props.actions : item.actions;\n if (!actions) {\n return null;\n }\n const dataHook = isRootAction\n ? 'nestable-list-root-actions'\n : item.actionsDataHook;\n\n return (\n <div\n data-hook={dataHook}\n className={st(\n classes.item,\n {\n rootAction: isRootAction,\n last: veryLastItem,\n dragging: this.state.isDragging,\n withoutDividers: this.props.dividers === false,\n withoutBottomBorder:\n !this.props.withBottomBorder && (veryLastItem \|\| isRootAction),\n indent: this.state.normalizedIndentSize,\n },\n classes.actionItem,\n )}\n >\n <TableListItem\n onClick={e => {\n if (actions.length === 1) {\n actions[0].onClick(e, item);\n }\n }}\n options={actions.map((action, index, arr) => {\n return {\n width: `fit-content(${100 / arr.length}%)`,\n value: (\n <TextButton\n dataHook=\"nestable-list-action\"\n ellipsis\n size=\"small\"\n onClick={e => {\n // if one element event handler is fired on table list item\n if (arr.length !== 1) {\n action.onClick(e, item);\n }\n }}\n prefixIcon={action.prefixIcon}\n >\n {action.label}\n </TextButton>\n ),\n };\n })}\n />\n </div>\n );\n };\n\n _renderAction = data => {\n const label = data.isRootAction\n ? this.props.addItemLabel\n : data.item.addItemLabel;\n\n if (!label \|\| this.props.maxDepth <= data.depth) {\n return;\n }\n return (\n <Box\n direction=\"vertical\"\n className={st(\n classes.item,\n {\n rootAction: data.isRootAction,\n last: data.veryLastItem,\n dragging: this.state.isDragging,\n withoutDividers: this.props.dividers === false,\n withoutBottomBorder:\n !this.props.withBottomBorder &&\n ((data.veryLastItem && !data.addItemLabel) \|\| data.isRootAction),\n indent: this.state.normalizedIndentSize,\n },\n classes.actionItem,\n )}\n >\n <TableListItem\n onClick={() => this.props.onAddItem(data.item)}\n options={[\n {\n value: (\n <Box>\n <TextButton size=\"small\" prefixIcon={<Add />}>\n {label}\n </TextButton>\n </Box>\n ),\n },\n ]}\n />\n </Box>\n );\n };\n\n _renderPrefix = data => {\n if (\n data.isPreview \|\|\n isLastItem(data.siblings, data.item) \|\|\n isRootItem(data.depth)\n ) {\n return null;\n }\n return (\n <div\n className={st(classes.childArrow, {\n offset: this.state.normalizedIndentSize,\n })}\n />\n );\n };\n\n _renderItem = options => {\n const { isPlaceholder, depth, isPreview, isVeryLastItem, siblings, item } =\n options;\n const { id, children, isCollapsed, draggable = true, ...rest } = item;\n const isLastChild = isLastItem(siblings, item);\n const focused = this.state.movedItem && id === this.state.movedItem.id;\n\n return (\n <div\n className={st(classes.itemWrapper, {\n dragEnabled: draggable && !this.props.readOnly,\n })}\n data-hook={\n item.dataHook\n ? `${item.dataHook}-item`\n : `styled-nestable-list-item-${item.id}`\n }\n >\n {!isRootItem(depth) &&\n this._renderArrow({\n isLastChild,\n isPreview,\n isPlaceholder,\n })}\n <div\n className={st(classes.item, {\n root: isRootItem(depth),\n firstSibling: isFistItem(siblings, item),\n last: isVeryLastItem,\n placeholder: isPlaceholder,\n preview: isPreview,\n focused,\n dragging: this.state.isDragging \|\| focused,\n withoutDividers:\n this.props.dividers === false && !focused && !isPreview,\n withoutBottomBorder:\n isVeryLastItem &&\n !this.props.withBottomBorder &&\n !this.props.addItemLabel,\n })}\n >\n <TableListItem\n {...rest}\n focused={focused}\n onBlur={this._onBlur}\n onKeyUp={e => this._moveItemViaKeyboard(e, options)}\n showDivider={false}\n dragging={isPreview \|\| focused}\n dragDisabled={!draggable && !this.props.readOnly}\n draggable={!this.props.readOnly}\n options={rest.options ? rest.options : []}\n />\n </div>\n </div>\n );\n };\n\n _onBlur = () => {\n this._releaseItems();\n };\n\n _moveItemViaKeyboard = (e, itemOptions) => {\n const left = 'ArrowLeft';\n const top = 'ArrowUp';\n const right = 'ArrowRight';\n const bottom = 'ArrowDown';\n const enter = 'Enter';\n const esc = 'Escape';\n // start dragend-drop\n if (e.key === enter && !this.state.movedItem) {\n this._setStateDecorator({\n backup: this.state.items,\n movedItem: itemOptions.item,\n items: setCollapse(this.state.items, itemOptions.item.id, true),\n });\n }\n\n if (!this.state.movedItem) {\n return;\n }\n\n switch (e.key) {\n case esc:\n this._setStateDecorator({\n items: this.state.backup,\n backup: null,\n movedItem: null,\n });\n break;\n case left:\n if (!this.props.preventChangeDepth) {\n this._setStateDecorator({\n items: moveItemOutsideOfTheParent(\n this.state.items,\n itemOptions.item,\n ),\n });\n }\n break;\n case right:\n if (!this.props.preventChangeDepth) {\n this._setStateDecorator({\n items: moveItemToTheChildOfPrevSibling(\n this.state.items,\n itemOptions.item,\n ),\n });\n }\n break;\n case top:\n this._setStateDecorator({\n items: moveItemVertically({\n items: this.state.items,\n item: itemOptions.item,\n step: VerticalMovementDirection.top,\n preventChangeParent: this.props.preventChangeParent,\n }),\n });\n break;\n case bottom:\n this._setStateDecorator({\n items: moveItemVertically({\n items: this.state.items,\n item: itemOptions.item,\n step: VerticalMovementDirection.bottom,\n preventChangeParent: this.props.preventChangeParent,\n }),\n });\n break;\n default:\n case enter:\n this._releaseItems();\n break;\n }\n };\n\n _releaseItems() {\n if (this.state.movedItem) {\n const releaseItems = setCollapse(\n this.state.items,\n this.state.movedItem.id,\n this.state.movedItem.isCollapsed,\n );\n this.props.onChange({\n items: releaseItems,\n item: this.state.movedItem,\n });\n this._setStateDecorator({\n movedItem: null,\n backup: null,\n items: releaseItems,\n });\n }\n }\n\n _onDragEnd = () => {\n this._setStateDecorator({\n isDragging: false,\n });\n };\n\n _onDragStart = () => {\n this._setStateDecorator({\n isDragging: true,\n });\n };\n\n _renderActionsFactory = (...args) => {\n const data = args[0];\n const actions = data.isRootAction ? this.props.actions : data.item.actions;\n if (actions) {\n return this._renderActions(...args);\n }\n return this._renderAction(...args);\n };\n\n render() {\n const {\n dataHook,\n className,\n maxDepth,\n onChange,\n preventChangeDepth,\n preventChangeParent,\n readOnly,\n zIndex,\n } = this.props;\n\n const depthThreshold = getDepthThreshold(this.state.normalizedIndentSize);\n\n return (\n <div\n data-hook={dataHook}\n className={st(classes.root, { dragEnabled: !readOnly }, className)}\n >\n <NestableListBase\n items={this.state.items}\n renderItem={this._renderItem}\n renderPrefix={this._renderPrefix}\n renderAction={this._renderActionsFactory}\n onDragEnd={this._onDragEnd}\n onDragStart={this._onDragStart}\n onUpdate={({ items, item }) => {\n this._setStateDecorator({\n items,\n });\n onChange({ items, item: item.data });\n }}\n maxDepth={maxDepth}\n threshold={depthThreshold}\n theme={theme}\n readOnly={readOnly}\n preventChangeDepth={preventChangeDepth}\n preventChangeParent={preventChangeParent}\n childrenStyle={{\n position: 'relative',\n marginLeft: `${depthThreshold}px`,\n }}\n childrenProperty=\"children\"\n isRenderDraggingChildren={false}\n zIndex={zIndex}\n />\n {this._renderActionsFactory({\n depth: 0,\n isRootAction: true,\n })}\n </div>\n );\n }\n}\n\nNestableList.displayName = 'NestableList';\n\nconst actions = PropTypes.arrayOf(\n PropTypes.shape({\n onClick: PropTypes.func,\n prefixIcon: PropTypes.node,\n label: PropTypes.string,\n }),\n);\n\nconst Node = {\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n actions,\n dataHook: PropTypes.string,\n isCollapsed: PropTypes.bool,\n addItemLabel: PropTypes.string,\n ...TableListItem.propTypes,\n};\n\nconst NodeShape = PropTypes.shape(Node);\nNode.children = PropTypes.arrayOf(NodeShape);\n\nNestableList.propTypes = {\n /* Actions that will be rendered for on the root depth level /\n actions,\n /* Adds a bottom border (divider) to the last item. /\n withBottomBorder: PropTypes.bool,\n /* Prevents the list from being reordered by removing the dragging grip icons. /\n readOnly: PropTypes.bool,\n /* Adds a button to create a new item (to the Root or a child to the existing item). /\n addItemLabel: PropTypes.string,\n /* Triggers function when the \"Add new ...\" button is clicked. /\n onAddItem: PropTypes.func,\n /* Triggers function when the item’s order or nesting position is changed. /\n onChange: PropTypes.func,\n /* Defines a maximum depth (number of levels) for the list. /\n maxDepth: PropTypes.number,\n /* Allows dragging and dropping an item only on its own depth (inside the same level). /\n preventChangeDepth: PropTypes.bool,\n /* Allows dragging and dropping an item only on its own parent. /\n preventChangeParent: PropTypes.bool,\n /\n Defines each Nestable List item individually, using the following props:\n * * __id__ - specifies an item’s ID.\n * * __addItemLabel__ - creates the “Add new ...” button with a given label at the bottom of the item.\n * * __isCollapsed__ - bool prop, defines whether to render the item’s children.\n * * __children__ - defines an item’s children.\n * * __draggable__ - bool prop, turns on / off dragging ability for an item.\n * * All <a href=\"https://www.wix-pages.com/wix-design-system-employees/?path=/story/components-lists-table--tablelistitem\" target=\"_blank\">`<TableListItem/>`</a> props can be used to format item’s style and content.\n /\n items: PropTypes.arrayOf(NodeShape),\n /* Can be applied in the tests as a data-hook HTML attribute. /\n dataHook: PropTypes.string,\n /* Specifies a CSS class name to be appended to the component’s root element.\n * @internal\n /\n className: PropTypes.string,\n /* Defines the zIndex of the draggable layer /\n zIndex: PropTypes.number,\n /* Sets the divider visibility /\n dividers: PropTypes.bool,\n /* Sets the indent size */\n indentSize: PropTypes.oneOf(indentSizes),\n};\n\nNestableList.defaultProps = {\n maxDepth: 10,\n withBottomBorder: false,\n preventChangeDepth: false,\n preventChangeParent: false,\n items: [],\n onAddItem: () => {},\n};\n\nexport default NestableList;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/NestableList/NestableList.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_169_0_NestableList";
+var _namespace_ = "wds_1_170_0_NestableList";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_NestableList__root","itemWrapper":"wds_1_169_0_NestableList__itemWrapper","item":"wds_1_169_0_NestableList__item","actionItem":"wds_1_169_0_NestableList__actionItem","arrowContainer":"wds_1_169_0_NestableList__arrowContainer","arrow":"wds_1_169_0_NestableList__arrow","horizontalArrow":"wds_1_169_0_NestableList__horizontalArrow","childArrow":"wds_1_169_0_NestableList__childArrow","action":"wds_1_169_0_NestableList__action"};
+module.exports.classes = {"root":"wds_1_170_0_NestableList__root","itemWrapper":"wds_1_170_0_NestableList__itemWrapper","item":"wds_1_170_0_NestableList__item","actionItem":"wds_1_170_0_NestableList__actionItem","arrowContainer":"wds_1_170_0_NestableList__arrowContainer","arrow":"wds_1_170_0_NestableList__arrow","horizontalArrow":"wds_1_170_0_NestableList__horizontalArrow","childArrow":"wds_1_170_0_NestableList__childArrow","action":"wds_1_170_0_NestableList__action"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NestableList/NestableListTheme.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_169_0_NestableListTheme";
+var _namespace_ = "wds_1_170_0_NestableListTheme";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_NestableListTheme__root","item":"wds_1_169_0_NestableListTheme__item"};
+module.exports.classes = {"root":"wds_1_170_0_NestableListTheme__root","item":"wds_1_170_0_NestableListTheme__item"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NestableList/index.d.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NestableList","PureComponent","exports"],"sources":["../../../src/NestableList/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { TableListItemProps } from '../TableListItem';\nimport { indentSizes } from './constants';\n\nexport type Action = {\n label: string;\n onClick(e: Event, item?: NestableListItem): void;\n prefixIcon?: React.ReactNode;\n};\n\nexport type NestableListItem = {\n id: string \| number;\n actionsDataHook?: string;\n draggable?: boolean;\n isCollapsed?: boolean;\n addItemLabel?: string;\n actions?: Action[];\n children?: NestableListItem[];\n} & TableListItemProps;\n\nexport type NestableListIndentSize = (typeof indentSizes)[number];\n\nexport interface NestableListProps {\n dataHook?: string;\n withBottomBorder?: boolean;\n className?: string;\n readOnly?: boolean;\n actions?: Action[];\n items: NestableListItem[];\n preventChangeDepth?: boolean;\n maxDepth?: number;\n addItemLabel?: string;\n onChange?(data: { items: NestableListItem[]; item: NestableListItem }): void;\n onAddItem?(item: NestableListItem): void;\n zIndex?: number;\n dividers?: boolean;\n indentSize?: NestableListIndentSize;\n}\n\nexport default class NestableList extends React.PureComponent<NestableListProps> {}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;~~AAuChB~~,MAAMW,YAAY,SAASvB,KAAK,CAACwB,aAAa,CAAoB;AAAEC,OAAA,CAAAhB,OAAA,GAAAc,YAAA","ignoreList":[]}
1	+ {"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NestableList","PureComponent","exports"],"sources":["../../../src/NestableList/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { TableListItemProps } from '../TableListItem';\nimport { indentSizes } from './constants';\n\nexport type Action = {\n label: string;\n onClick(e: Event, item?: NestableListItem): void;\n prefixIcon?: React.ReactNode;\n};\n\nexport type NestableListItem = {\n id: string \| number;\n actionsDataHook?: string;\n draggable?: boolean;\n isCollapsed?: boolean;\n addItemLabel?: string;\n actions?: Action[];\n children?: NestableListItem[];\n} & TableListItemProps;\n\nexport type NestableListIndentSize = (typeof indentSizes)[number];\n\nexport interface NestableListProps {\n dataHook?: string;\n withBottomBorder?: boolean;\n className?: string;\n readOnly?: boolean;\n actions?: Action[];\n items: NestableListItem[];\n preventChangeDepth?: boolean;\n preventChangeParent?: boolean;\n maxDepth?: number;\n addItemLabel?: string;\n onChange?(data: { items: NestableListItem[]; item: NestableListItem }): void;\n onAddItem?(item: NestableListItem): void;\n zIndex?: number;\n dividers?: boolean;\n indentSize?: NestableListIndentSize;\n}\n\nexport default class NestableList extends React.PureComponent<NestableListProps> {}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAwChB,MAAMW,YAAY,SAASvB,KAAK,CAACwB,aAAa,CAAoB;AAAEC,OAAA,CAAAhB,OAAA,GAAAc,YAAA","ignoreList":[]}

package/dist/cjs/NestableListBase/Item.js CHANGED Viewed

@@ -182,6 +182,15 @@ var allowItemMove = _ref2 => {
   if (props.preventChangeDepth && nextPosition.length !== prevPosition.length) {
     return;
   }
+  // Prevent drag drop, if parent has been changed
+  if (props.preventChangeParent) {
+    var prevParentPath = prevPosition.slice(0, -1);
+    var nextParentPath = nextPosition.slice(0, -1);
+    if (prevParentPath.length !== nextParentPath.length || !prevParentPath.every((val, i) => Object.is(val, nextParentPath == null ? void 0 : nextParentPath[i]))) {
+      return;
+    }
+  }
   var {
     position: hoverPosition
   } = props;
@@ -397,7 +406,7 @@ class Item extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 414,
+            lineNumber: 427,
             columnNumber: 11
           }
         }), renderPrefix(renderParams), renderItemWithDataAttributes(renderParams), this.state.shouldRenderChildren && children);
@@ -409,7 +418,7 @@ class Item extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 424,
+            lineNumber: 437,
             columnNumber: 11
           }
         }), renderPrefix(renderParams), renderItemWithDataAttributes(renderParams), this.state.shouldRenderChildren && children));
@@ -420,7 +429,7 @@ class Item extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 433,
+          lineNumber: 446,
           columnNumber: 9
         }
       }), renderPrefix(renderParams), renderItemWithDataAttributes(renderParams), this.state.shouldRenderChildren && children);
@@ -439,7 +448,7 @@ class Item extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 451,
+            lineNumber: 464,
             columnNumber: 11
           }
         }), renderPrefix(renderParams), renderItemWithDataAttributes(renderParams), this.state.shouldRenderChildren && children));
@@ -451,7 +460,7 @@ class Item extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 461,
+            lineNumber: 474,
             columnNumber: 11
           }
         }), renderPrefix(renderParams), renderItemWithDataAttributes(renderParams), this.state.shouldRenderChildren && children));
@@ -462,7 +471,7 @@ class Item extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 470,
+          lineNumber: 483,
           columnNumber: 9
         }
       }), renderPrefix(renderParams), renderItemWithDataAttributes(renderParams), this.state.shouldRenderChildren && children));
@@ -474,7 +483,7 @@ class Item extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 480,
+          lineNumber: 493,
           columnNumber: 9
         }
       }), renderPrefix(renderParams), renderItemWithDataAttributes(renderParams), this.state.shouldRenderChildren && children));
@@ -485,7 +494,7 @@ class Item extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 490,
+        lineNumber: 503,
         columnNumber: 9
       }
     }), renderPrefix(renderParams), renderItemWithDataAttributes(renderParams), this.state.shouldRenderChildren && children)));
@@ -506,14 +515,14 @@ class ItemWithContext extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 522,
+        lineNumber: 535,
         columnNumber: 7
       }
     }, context => /*#__PURE__*/_react.default.createElement(DropItemTarget, (0, _extends2.default)({}, this.props, context, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 523,
+        lineNumber: 536,
         columnNumber: 21
       }
     })));