@wix/design-system 1.154.0 → 1.156.0

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_154_0_InputWithTags";
+var _namespace_ = "wds_1_156_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_154_0_InputWithTags__root","text-medium-normal":"wds_1_154_0_StylableTypography__text-medium-normal","inputWrapper":"wds_1_154_0_InputWithTags__inputWrapper","emptyInput":"wds_1_154_0_InputWithTags__emptyInput","selectMode":"wds_1_154_0_InputWithTags__selectMode","inputSuffix":"wds_1_154_0_InputWithTags__inputSuffix","menuArrow":"wds_1_154_0_InputWithTags__menuArrow","statusIndicator":"wds_1_154_0_InputWithTags__statusIndicator","suffixes":"wds_1_154_0_InputWithTags__suffixes","hiddenDiv":"wds_1_154_0_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_154_0_InputWithTags__hasMaxHeight","customSuffix":"wds_1_154_0_InputWithTags__customSuffix","customPrefix":"wds_1_154_0_InputWithTags__customPrefix","tagsContainer":"wds_1_154_0_InputWithTags__tagsContainer","draggedTag":"wds_1_154_0_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_154_0_InputWithTags__draggedTagPlaceholder","input":"wds_1_154_0_InputWithTags__input"};
+module.exports.classes = {"root":"wds_1_156_0_InputWithTags__root","text-medium-normal":"wds_1_156_0_StylableTypography__text-medium-normal","inputWrapper":"wds_1_156_0_InputWithTags__inputWrapper","emptyInput":"wds_1_156_0_InputWithTags__emptyInput","selectMode":"wds_1_156_0_InputWithTags__selectMode","inputSuffix":"wds_1_156_0_InputWithTags__inputSuffix","menuArrow":"wds_1_156_0_InputWithTags__menuArrow","statusIndicator":"wds_1_156_0_InputWithTags__statusIndicator","suffixes":"wds_1_156_0_InputWithTags__suffixes","hiddenDiv":"wds_1_156_0_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_156_0_InputWithTags__hasMaxHeight","customSuffix":"wds_1_156_0_InputWithTags__customSuffix","customPrefix":"wds_1_156_0_InputWithTags__customPrefix","tagsContainer":"wds_1_156_0_InputWithTags__tagsContainer","draggedTag":"wds_1_156_0_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_156_0_InputWithTags__draggedTagPlaceholder","input":"wds_1_156_0_InputWithTags__input"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_154_0_MultiSelect";
+var _namespace_ = "wds_1_156_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_154_0_MultiSelect__root","inputWithTags":"wds_1_154_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_154_0_MultiSelect__autoSizeInput"};
+module.exports.classes = {"root":"wds_1_156_0_MultiSelect__root","inputWithTags":"wds_1_156_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_156_0_MultiSelect__autoSizeInput"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_154_0_MultiSelectCheckbox";
+var _namespace_ = "wds_1_156_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_154_0_MultiSelectCheckbox__root","showPointer":"wds_1_154_0_MultiSelectCheckbox__showPointer","withSearch":"wds_1_154_0_MultiSelectCheckbox__withSearch"};
+module.exports.classes = {"root":"wds_1_156_0_MultiSelectCheckbox__root","showPointer":"wds_1_156_0_MultiSelectCheckbox__showPointer","withSearch":"wds_1_156_0_MultiSelectCheckbox__withSearch"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_154_0_NavigationToast";
+var _namespace_ = "wds_1_156_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_154_0_NavigationToast__root","toast":"wds_1_154_0_NavigationToast__toast"};
+module.exports.classes = {"root":"wds_1_156_0_NavigationToast__root","toast":"wds_1_156_0_NavigationToast__toast"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_154_0_NestableList";
+var _namespace_ = "wds_1_156_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_154_0_NestableList__root","itemWrapper":"wds_1_154_0_NestableList__itemWrapper","item":"wds_1_154_0_NestableList__item","actionItem":"wds_1_154_0_NestableList__actionItem","arrowContainer":"wds_1_154_0_NestableList__arrowContainer","arrow":"wds_1_154_0_NestableList__arrow","horizontalArrow":"wds_1_154_0_NestableList__horizontalArrow","childArrow":"wds_1_154_0_NestableList__childArrow","action":"wds_1_154_0_NestableList__action"};
+module.exports.classes = {"root":"wds_1_156_0_NestableList__root","itemWrapper":"wds_1_156_0_NestableList__itemWrapper","item":"wds_1_156_0_NestableList__item","actionItem":"wds_1_156_0_NestableList__actionItem","arrowContainer":"wds_1_156_0_NestableList__arrowContainer","arrow":"wds_1_156_0_NestableList__arrow","horizontalArrow":"wds_1_156_0_NestableList__horizontalArrow","childArrow":"wds_1_156_0_NestableList__childArrow","action":"wds_1_156_0_NestableList__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_154_0_NestableListTheme";
+var _namespace_ = "wds_1_156_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_154_0_NestableListTheme__root","item":"wds_1_154_0_NestableListTheme__item"};
+module.exports.classes = {"root":"wds_1_156_0_NestableListTheme__root","item":"wds_1_156_0_NestableListTheme__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Notification/Notification.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_154_0_Notification";
+var _namespace_ = "wds_1_156_0_Notification";
 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_154_0_Notification__root","animatorContent":"wds_1_154_0_Notification__animatorContent","wrapper":"wds_1_154_0_Notification__wrapper","notification":"wds_1_154_0_Notification__notification","animator":"wds_1_154_0_Notification__animator","labelWrapper":"wds_1_154_0_Notification__labelWrapper","label":"wds_1_154_0_Notification__label","button":"wds_1_154_0_Notification__button","textLink":"wds_1_154_0_Notification__textLink","iconStyling":"wds_1_154_0_Notification__iconStyling","closeButton":"wds_1_154_0_Notification__closeButton"};
+module.exports.classes = {"root":"wds_1_156_0_Notification__root","animatorContent":"wds_1_156_0_Notification__animatorContent","wrapper":"wds_1_156_0_Notification__wrapper","notification":"wds_1_156_0_Notification__notification","animator":"wds_1_156_0_Notification__animator","labelWrapper":"wds_1_156_0_Notification__labelWrapper","label":"wds_1_156_0_Notification__label","button":"wds_1_156_0_Notification__button","textLink":"wds_1_156_0_Notification__textLink","iconStyling":"wds_1_156_0_Notification__iconStyling","closeButton":"wds_1_156_0_Notification__closeButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NumberInput/NumberInput.js

@@ -12,7 +12,7 @@ var _Input = _interopRequireDefault(require("../Input"));
 var _utils = require("./utils");
 var _constants = require("./constants");
 var _deprecationLog = _interopRequireDefault(require("../utils/deprecationLog"));
-var _excluded = ["suffix", "defaultValue", "strict", "max", "min", "hideStepper", "onChange", "value", "inputRef", "step", "status", "invalidMessage", "statusMessage", "onInvalid", "onKeyDown"];
+var _excluded = ["suffix", "defaultValue", "strict", "max", "min", "hideStepper", "value", "inputRef", "step", "status", "invalidMessage", "statusMessage", "onChange", "onInvalid", "onKeyDown"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/NumberInput/NumberInput.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -26,13 +26,13 @@ var NumberInput = _ref => {
       max,
       min,
       hideStepper = false,
-      onChange,
       value: givenValue,
       inputRef,
       step = 1,
       status,
       invalidMessage,
       statusMessage,
+      onChange,
       onInvalid,
       onKeyDown
     } = _ref,
@@ -44,6 +44,8 @@ var NumberInput = _ref => {
   var [state, setState] = _react.default.useReducer((currentState, newState) => _objectSpread(_objectSpread({}, currentState), newState), initialState);
   var [inputDOM, setInputDOM] = _react.default.useState(null);
   var shouldShowError = state.hasError && invalidMessage;
+  var [isUpDisabled, isDownDisabled] = [max === Number(state.localValue), min === Number(state.localValue)];
+  var isControlled = givenValue !== undefined && givenValue !== null && onChange;
   var setValueAndValidate = _ref2 => {
     var {
       value,
@@ -163,7 +165,6 @@ var NumberInput = _ref => {
     }
     onKeyDown == null || onKeyDown(e);
   };
-  var isControlled = givenValue !== undefined && givenValue !== null && onChange;
   var shouldRenderGivenValue = isControlled &&
   // to catch values like 0. or 1. and so on and so on
   givenValue !== Number(state.localValue) &&
@@ -185,27 +186,27 @@ var NumberInput = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 206,
+        lineNumber: 209,
         columnNumber: 9
       }
     }, suffix, !hideStepper && /*#__PURE__*/_react.default.createElement(_Input.default.Ticker, {
       onUp: increment,
       onDown: decrement,
       dataHook: _constants.dataHooks.numberInputTicker,
-      upDisabled: max === state.localValue,
-      downDisabled: min === state.localValue,
+      upDisabled: isUpDisabled,
+      downDisabled: isDownDisabled,
       onMouseDown: e => e.preventDefault(),
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 209,
+        lineNumber: 212,
         columnNumber: 13
       }
     })),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 192,
+      lineNumber: 195,
       columnNumber: 5
     }
   }));

package/dist/cjs/NumberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Input","_utils","_constants","_deprecationLog","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","NumberInput","_ref","suffix","defaultValue","strict","max","min","hideStepper","onChange","value","givenValue","inputRef","step","status","invalidMessage","statusMessage","onInvalid","onKeyDown","props","_objectWithoutProperties2","initialState","hasError","localValue","state","setState","React","useReducer","currentState","newState","inputDOM","setInputDOM","useState","shouldShowError","setValueAndValidate","_ref2","shouldCallOnChangeCallback","numberValue","stringValue","normalizeValues","validationType","validateValue","minValue","maxValue","isControlledValidNumber","isControlled","Number","isNaN","useEffect","deprecationLog","newLocalValue","defaultValueToNullIfEmpty","increment","parseFloat","String","updatedValue","toPrecision","isInRange","focus","decrement","getInputRef","useCallback","inputElement","current","getStatusMessage","onInputValueChange","event","target","test","incrementOrDecrementValue","key","preventDefault","undefined","shouldRenderGivenValue","createElement","_extends2","type","ariaRoledescription","inputmode","Group","__self","__source","fileName","lineNumber","columnNumber","Ticker","onUp","onDown","dataHook","dataHooks","numberInputTicker","upDisabled","downDisabled","onMouseDown","displayName","propTypes","PropTypes","string","className","id","oneOfType","number","disabled","bool","oneOf","node","name","onBlur","func","onFocus","placeholder","prefix","size","_default","exports"],"sources":["../../../src/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, Dispatch, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from '../Input';\nimport {\n  defaultValueToNullIfEmpty,\n  isInRange,\n  validateValue,\n  normalizeValues,\n} from './utils';\nimport { NumberInputProps, InputValue } from './NumberInput.types';\nimport { dataHooks } from './constants';\nimport deprecationLog from '../utils/deprecationLog';\n\ntype State = {\n  hasError: boolean;\n  localValue: InputValue;\n};\n\nconst NumberInput = ({\n  suffix,\n  defaultValue,\n  strict = false,\n  max,\n  min,\n  hideStepper = false,\n  onChange,\n  value: givenValue,\n  inputRef,\n  step = 1,\n  status,\n  invalidMessage,\n  statusMessage,\n  onInvalid,\n  onKeyDown,\n  ...props\n}: NumberInputProps): ReactElement => {\n  const initialState = {\n    hasError: false,\n    localValue: '',\n  };\n\n  const [state, setState]: [State, Dispatch<Partial<State>>] = React.useReducer(\n    (currentState: State, newState: Partial<State>) => ({\n      ...currentState,\n      ...newState,\n    }),\n    initialState,\n  );\n\n  const [inputDOM, setInputDOM] = React.useState<HTMLInputElement | null>(null);\n\n  const shouldShowError = state.hasError && invalidMessage;\n\n  const setValueAndValidate = ({\n    value,\n    shouldCallOnChangeCallback = true,\n  }: {\n    value: InputValue;\n    shouldCallOnChangeCallback?: boolean;\n  }) => {\n    const { numberValue, stringValue } = normalizeValues(value);\n\n    const { hasError, validationType } = validateValue({\n      value: stringValue,\n      minValue: min,\n      maxValue: max,\n    });\n\n    setState({\n      hasError,\n      localValue: stringValue,\n    });\n\n    const isControlledValidNumber = isControlled && !Number.isNaN(numberValue);\n\n    if (hasError ? isControlledValidNumber : shouldCallOnChangeCallback) {\n      onChange?.(numberValue, stringValue);\n    }\n\n    if (hasError) {\n      onInvalid?.(stringValue, {\n        validationType,\n        value: stringValue,\n      });\n    }\n  };\n\n  useEffect(() => {\n    if (strict) {\n      deprecationLog(\n        '<NumberInput/> - prop strict is deprecated and not needed anymore. By using min and max it will enforce strict both for the ticker and input automatically.',\n      );\n    }\n  }, [strict]);\n\n  useEffect(() => {\n    const newLocalValue = defaultValueToNullIfEmpty(givenValue, defaultValue);\n\n    setValueAndValidate({\n      value: newLocalValue,\n      shouldCallOnChangeCallback: false,\n    });\n    // TODO: fix ESLint error\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [givenValue, defaultValue]);\n\n  const increment = () => {\n    const numberValue =\n      parseFloat(String(state.localValue) || String(inputDOM?.value)) || 0;\n    const updatedValue = Number((numberValue + step).toPrecision(12));\n\n    if (isInRange({ value: updatedValue, minValue: min, maxValue: max })) {\n      setValueAndValidate({ value: updatedValue });\n    } else if (min && updatedValue <= min) {\n      setValueAndValidate({ value: min });\n    }\n\n    inputDOM?.focus();\n  };\n\n  const decrement = () => {\n    const numberValue =\n      parseFloat(String(state.localValue) || String(inputDOM?.value)) || 0;\n    const updatedValue = Number((numberValue - step).toPrecision(12));\n\n    if (isInRange({ value: updatedValue, minValue: min, maxValue: max })) {\n      setValueAndValidate({ value: updatedValue });\n    }\n\n    inputDOM?.focus();\n  };\n\n  const getInputRef = useCallback(\n    (inputElement: HTMLInputElement | null) => {\n      setInputDOM(inputElement);\n\n      if (typeof inputRef === 'function') {\n        inputElement && inputRef(inputElement);\n      } else if (inputRef && 'current' in inputRef) {\n        inputRef.current = inputElement;\n      }\n    },\n    [inputRef],\n  );\n\n  const getStatusMessage = () => {\n    if (shouldShowError) {\n      return invalidMessage;\n    }\n\n    return statusMessage;\n  };\n\n  const onInputValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { value } = event.target as HTMLInputElement;\n\n    // matches numbers, i.e. 123 or -123\n    if (/^-?\\d*[.,]?\\d*$/.test(value)) {\n      setValueAndValidate({ value });\n    } else {\n      setState({ localValue: state.localValue });\n    }\n  };\n\n  const incrementOrDecrementValue = (\n    e: React.KeyboardEvent<HTMLInputElement>,\n  ) => {\n    if (e.key === 'ArrowUp') {\n      increment();\n      e.preventDefault();\n    }\n\n    if (e.key === 'ArrowDown') {\n      decrement();\n      e.preventDefault();\n    }\n\n    onKeyDown?.(e);\n  };\n\n  const isControlled =\n    givenValue !== undefined && givenValue !== null && onChange;\n\n  const shouldRenderGivenValue =\n    isControlled &&\n    // to catch values like 0. or 1. and so on and so on\n    givenValue !== Number(state.localValue) &&\n    // to allow entering a negative number\n    state.localValue !== '-';\n\n  return (\n    <Input\n      {...props}\n      max={max}\n      min={min}\n      type=\"text\"\n      value={shouldRenderGivenValue ? givenValue : state.localValue}\n      onChange={onInputValueChange}\n      inputRef={getInputRef}\n      status={shouldShowError ? 'error' : status}\n      statusMessage={getStatusMessage()}\n      onKeyDown={incrementOrDecrementValue}\n      ariaRoledescription=\"spin button\"\n      inputmode=\"numeric\"\n      suffix={\n        <Input.Group>\n          {suffix}\n          {!hideStepper && (\n            <Input.Ticker\n              onUp={increment}\n              onDown={decrement}\n              dataHook={dataHooks.numberInputTicker}\n              upDisabled={max === state.localValue}\n              downDisabled={min === state.localValue}\n              onMouseDown={e => e.preventDefault()}\n            />\n          )}\n        </Input.Group>\n      }\n    />\n  );\n};\n\nNumberInput.displayName = 'NumberInput';\n\nNumberInput.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  id: PropTypes.string,\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  status: PropTypes.oneOf(['error', 'warning', 'loading']),\n  statusMessage: PropTypes.node,\n  name: PropTypes.string,\n  onBlur: PropTypes.func,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  placeholder: PropTypes.string,\n  prefix: PropTypes.node,\n  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  min: PropTypes.number,\n  max: PropTypes.number,\n  step: PropTypes.number,\n  strict: PropTypes.bool,\n  hideStepper: PropTypes.bool,\n};\n\nexport default NumberInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Input","_utils","_constants","_deprecationLog","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","NumberInput","_ref","suffix","defaultValue","strict","max","min","hideStepper","value","givenValue","inputRef","step","status","invalidMessage","statusMessage","onChange","onInvalid","onKeyDown","props","_objectWithoutProperties2","initialState","hasError","localValue","state","setState","React","useReducer","currentState","newState","inputDOM","setInputDOM","useState","shouldShowError","isUpDisabled","isDownDisabled","Number","isControlled","undefined","setValueAndValidate","_ref2","shouldCallOnChangeCallback","numberValue","stringValue","normalizeValues","validationType","validateValue","minValue","maxValue","isControlledValidNumber","isNaN","useEffect","deprecationLog","newLocalValue","defaultValueToNullIfEmpty","increment","parseFloat","String","updatedValue","toPrecision","isInRange","focus","decrement","getInputRef","useCallback","inputElement","current","getStatusMessage","onInputValueChange","event","target","test","incrementOrDecrementValue","key","preventDefault","shouldRenderGivenValue","createElement","_extends2","type","ariaRoledescription","inputmode","Group","__self","__source","fileName","lineNumber","columnNumber","Ticker","onUp","onDown","dataHook","dataHooks","numberInputTicker","upDisabled","downDisabled","onMouseDown","displayName","propTypes","PropTypes","string","className","id","oneOfType","number","disabled","bool","oneOf","node","name","onBlur","func","onFocus","placeholder","prefix","size","_default","exports"],"sources":["../../../src/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, Dispatch, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from '../Input';\nimport {\n  defaultValueToNullIfEmpty,\n  isInRange,\n  validateValue,\n  normalizeValues,\n} from './utils';\nimport { NumberInputProps, InputValue } from './NumberInput.types';\nimport { dataHooks } from './constants';\nimport deprecationLog from '../utils/deprecationLog';\n\ntype State = {\n  hasError: boolean;\n  localValue: InputValue;\n};\n\nconst NumberInput = ({\n  suffix,\n  defaultValue,\n  strict = false,\n  max,\n  min,\n  hideStepper = false,\n  value: givenValue,\n  inputRef,\n  step = 1,\n  status,\n  invalidMessage,\n  statusMessage,\n  onChange,\n  onInvalid,\n  onKeyDown,\n  ...props\n}: NumberInputProps): ReactElement => {\n  const initialState = {\n    hasError: false,\n    localValue: '',\n  };\n\n  const [state, setState]: [State, Dispatch<Partial<State>>] = React.useReducer(\n    (currentState: State, newState: Partial<State>) => ({\n      ...currentState,\n      ...newState,\n    }),\n    initialState,\n  );\n\n  const [inputDOM, setInputDOM] = React.useState<HTMLInputElement | null>(null);\n\n  const shouldShowError = state.hasError && invalidMessage;\n  const [isUpDisabled, isDownDisabled] = [\n    max === Number(state.localValue),\n    min === Number(state.localValue),\n  ];\n  const isControlled =\n    givenValue !== undefined && givenValue !== null && onChange;\n\n  const setValueAndValidate = ({\n    value,\n    shouldCallOnChangeCallback = true,\n  }: {\n    value: InputValue;\n    shouldCallOnChangeCallback?: boolean;\n  }) => {\n    const { numberValue, stringValue } = normalizeValues(value);\n\n    const { hasError, validationType } = validateValue({\n      value: stringValue,\n      minValue: min,\n      maxValue: max,\n    });\n\n    setState({\n      hasError,\n      localValue: stringValue,\n    });\n\n    const isControlledValidNumber = isControlled && !Number.isNaN(numberValue);\n\n    if (hasError ? isControlledValidNumber : shouldCallOnChangeCallback) {\n      onChange?.(numberValue, stringValue);\n    }\n\n    if (hasError) {\n      onInvalid?.(stringValue, {\n        validationType,\n        value: stringValue,\n      });\n    }\n  };\n\n  useEffect(() => {\n    if (strict) {\n      deprecationLog(\n        '<NumberInput/> - prop strict is deprecated and not needed anymore. By using min and max it will enforce strict both for the ticker and input automatically.',\n      );\n    }\n  }, [strict]);\n\n  useEffect(() => {\n    const newLocalValue = defaultValueToNullIfEmpty(givenValue, defaultValue);\n\n    setValueAndValidate({\n      value: newLocalValue,\n      shouldCallOnChangeCallback: false,\n    });\n    // TODO: fix ESLint error\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [givenValue, defaultValue]);\n\n  const increment = () => {\n    const numberValue =\n      parseFloat(String(state.localValue) || String(inputDOM?.value)) || 0;\n    const updatedValue = Number((numberValue + step).toPrecision(12));\n\n    if (isInRange({ value: updatedValue, minValue: min, maxValue: max })) {\n      setValueAndValidate({ value: updatedValue });\n    } else if (min && updatedValue <= min) {\n      setValueAndValidate({ value: min });\n    }\n\n    inputDOM?.focus();\n  };\n\n  const decrement = () => {\n    const numberValue =\n      parseFloat(String(state.localValue) || String(inputDOM?.value)) || 0;\n    const updatedValue = Number((numberValue - step).toPrecision(12));\n\n    if (isInRange({ value: updatedValue, minValue: min, maxValue: max })) {\n      setValueAndValidate({ value: updatedValue });\n    }\n\n    inputDOM?.focus();\n  };\n\n  const getInputRef = useCallback(\n    (inputElement: HTMLInputElement | null) => {\n      setInputDOM(inputElement);\n\n      if (typeof inputRef === 'function') {\n        inputElement && inputRef(inputElement);\n      } else if (inputRef && 'current' in inputRef) {\n        inputRef.current = inputElement;\n      }\n    },\n    [inputRef],\n  );\n\n  const getStatusMessage = () => {\n    if (shouldShowError) {\n      return invalidMessage;\n    }\n\n    return statusMessage;\n  };\n\n  const onInputValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { value } = event.target as HTMLInputElement;\n\n    // matches numbers, i.e. 123 or -123\n    if (/^-?\\d*[.,]?\\d*$/.test(value)) {\n      setValueAndValidate({ value });\n    } else {\n      setState({ localValue: state.localValue });\n    }\n  };\n\n  const incrementOrDecrementValue = (\n    e: React.KeyboardEvent<HTMLInputElement>,\n  ) => {\n    if (e.key === 'ArrowUp') {\n      increment();\n      e.preventDefault();\n    }\n\n    if (e.key === 'ArrowDown') {\n      decrement();\n      e.preventDefault();\n    }\n\n    onKeyDown?.(e);\n  };\n\n  const shouldRenderGivenValue =\n    isControlled &&\n    // to catch values like 0. or 1. and so on and so on\n    givenValue !== Number(state.localValue) &&\n    // to allow entering a negative number\n    state.localValue !== '-';\n\n  return (\n    <Input\n      {...props}\n      max={max}\n      min={min}\n      type=\"text\"\n      value={shouldRenderGivenValue ? givenValue : state.localValue}\n      onChange={onInputValueChange}\n      inputRef={getInputRef}\n      status={shouldShowError ? 'error' : status}\n      statusMessage={getStatusMessage()}\n      onKeyDown={incrementOrDecrementValue}\n      ariaRoledescription=\"spin button\"\n      inputmode=\"numeric\"\n      suffix={\n        <Input.Group>\n          {suffix}\n          {!hideStepper && (\n            <Input.Ticker\n              onUp={increment}\n              onDown={decrement}\n              dataHook={dataHooks.numberInputTicker}\n              upDisabled={isUpDisabled}\n              downDisabled={isDownDisabled}\n              onMouseDown={e => e.preventDefault()}\n            />\n          )}\n        </Input.Group>\n      }\n    />\n  );\n};\n\nNumberInput.displayName = 'NumberInput';\n\nNumberInput.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  id: PropTypes.string,\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  status: PropTypes.oneOf(['error', 'warning', 'loading']),\n  statusMessage: PropTypes.node,\n  name: PropTypes.string,\n  onBlur: PropTypes.func,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  placeholder: PropTypes.string,\n  prefix: PropTypes.node,\n  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  min: PropTypes.number,\n  max: PropTypes.number,\n  step: PropTypes.number,\n  strict: PropTypes.bool,\n  hideStepper: PropTypes.bool,\n};\n\nexport default NumberInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Page/Page.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_154_0_Page";
+var _namespace_ = "wds_1_156_0_Page";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_154_0_Page__root","page":"wds_1_154_0_Page__page","scrollableContainer":"wds_1_154_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_154_0_Page__pageHeaderContainer","headerWrapper":"wds_1_154_0_Page__headerWrapper","tail":"wds_1_154_0_Page__tail","contentContainer":"wds_1_154_0_Page__contentContainer","imageBackgroundContainer":"wds_1_154_0_Page__imageBackgroundContainer","imageBackground":"wds_1_154_0_Page__imageBackground","gradientBackground":"wds_1_154_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_154_0_Page__contentHorizontalLayout","contentFloating":"wds_1_154_0_Page__contentFloating","horizontalScroll":"wds_1_154_0_Page__horizontalScroll","sticky":"wds_1_154_0_Page__sticky","stretchVertically":"wds_1_154_0_Page__stretchVertically","fixedFooter":"wds_1_154_0_Page__fixedFooter"};
-module.exports.keyframes = {"entrance":"wds_1_154_0_Page__entrance"}; 
+module.exports.classes = {"root":"wds_1_156_0_Page__root","page":"wds_1_156_0_Page__page","scrollableContainer":"wds_1_156_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_156_0_Page__pageHeaderContainer","headerWrapper":"wds_1_156_0_Page__headerWrapper","tail":"wds_1_156_0_Page__tail","contentContainer":"wds_1_156_0_Page__contentContainer","imageBackgroundContainer":"wds_1_156_0_Page__imageBackgroundContainer","imageBackground":"wds_1_156_0_Page__imageBackground","gradientBackground":"wds_1_156_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_156_0_Page__contentHorizontalLayout","contentFloating":"wds_1_156_0_Page__contentFloating","horizontalScroll":"wds_1_156_0_Page__horizontalScroll","sticky":"wds_1_156_0_Page__sticky","stretchVertically":"wds_1_156_0_Page__stretchVertically","fixedFooter":"wds_1_156_0_Page__fixedFooter"};
+module.exports.keyframes = {"entrance":"wds_1_156_0_Page__entrance"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"pageSidePadding":"var(--wds-page-header-padding-horizontal, 48px)","headerBottomPadding":"var(--wds-page-header-padding-vertical, 24px)","imageContainerOffset":"30px","pageBottomPadding":"var(--wds-space-800, 48px)","minimizedHeaderWrapperMinHeight":"30px","minimizedHeaderWrapperTopPadding":"var(--wds-space-300, 18px)","minimizedHeaderWrapperBottomPadding":"var(--wds-space-300, 18px)","minimizedHeaderWrapperWithTailBottomPadding":"var(--wds-space-200, 12px)","minimizedHeaderWrapperHeightPx":"66","minimizedHeaderWrapperWithTailHeightPx":"60","backgroundCoverContentPx":"36","zIndexLayerStep":"100","stickyZIndex":"1100","minimizedHeaderContainerZIndex":"1200","fixedFooterZIndex":"2000","mainContainerMinWidth":"864px","mainContainerMaxWidth":"1248px"}; 
-module.exports.vars = {"wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-800":"--wds-space-800","wds-page-header-padding-horizontal":"--wds-page-header-padding-horizontal","wds-page-header-padding-vertical":"--wds-page-header-padding-vertical","wds-color-fill-surface-sunken":"--wds-color-fill-surface-sunken","minimizationTop":"--wds_1_154_0_Page-minimizationTop"}; 
+module.exports.vars = {"wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-800":"--wds-space-800","wds-page-header-padding-horizontal":"--wds-page-header-padding-horizontal","wds-page-header-padding-vertical":"--wds-page-header-padding-vertical","wds-color-fill-surface-sunken":"--wds-color-fill-surface-sunken","minimizationTop":"--wds_1_156_0_Page-minimizationTop"}; 
 
 
 

package/dist/cjs/Page/components/Footer/Footer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_154_0_PageFooter";
+var _namespace_ = "wds_1_156_0_PageFooter";
 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_154_0_PageFooter__root","container":"wds_1_154_0_PageFooter__container","divider":"wds_1_154_0_PageFooter__divider"};
+module.exports.classes = {"root":"wds_1_156_0_PageFooter__root","container":"wds_1_156_0_PageFooter__container","divider":"wds_1_156_0_PageFooter__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/Center/Center.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_154_0_Center";
+var _namespace_ = "wds_1_156_0_Center";
 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_154_0_Center__root","center":"wds_1_154_0_Center__center"};
+module.exports.classes = {"root":"wds_1_156_0_Center__root","center":"wds_1_156_0_Center__center"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/End/End.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_154_0_End";
+var _namespace_ = "wds_1_156_0_End";
 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_154_0_End__root","end":"wds_1_154_0_End__end"};
+module.exports.classes = {"root":"wds_1_156_0_End__root","end":"wds_1_156_0_End__end"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/Start/Start.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_154_0_Start";
+var _namespace_ = "wds_1_156_0_Start";
 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_154_0_Start__root","start":"wds_1_154_0_Start__start"};
+module.exports.classes = {"root":"wds_1_156_0_Start__root","start":"wds_1_156_0_Start__start"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["_HeaderSt","require","_react","_interopRequireWildcard","_propTypes","_interopRequireDefault","_wixUiIconsCommon","_Breadcrumbs","_Text","_Heading","_IconButton","_constants","_Transition","_context","_context2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","isDarkTheme","hasBackgroundImage","minimized","skin","getBreadcrumbsTheme","getTitle","title","generateDefaultBreadcrumbs","createElement","items","id","value","activeId","size","theme","onClick","__self","__source","fileName","lineNumber","columnNumber","getBreadcrumbs","breadcrumbs","generateThemedBreadcrumbs","React","cloneElement","Header","PureComponent","constructor","props","context","_animateComponent","show","useEnterDelay","content","enterAnimation","fadeIn","duration","delay","exitAnimation","fadeOut","state","themedBreadcrumbs","UNSAFE_componentWillReceiveProps","nextProps","newBreadcrumbs","newTitle","newHasBackgroundImage","newMinimized","newSkin","setState","render","dataHook","onBackClicked","subtitle","actionsBar","showBackButton","className","breadcrumbsExists","_title","isDark","pageHeaderId","WixDesignSystemContext","Consumer","_ref","newColorsBranding","st","classes","root","header","breadcrumbsContainer","withoutBreadcrumbs","dataHooks","titleContainer","titleBackButton","darkTheme","backButton","ChevronLeft","titleBackButtonIcon","titleColumn","ellipsis","light","secondary","maxLines","maxWidth","withBreadcrumbs","actionBar","exports","displayName","propTypes","PropTypes","string","bool","oneOf","oneOfType","node","func","defaultProps","contextType","WixStyleReactEnvironmentContext"],"sources":["../../../../../src/Page/components/Header/Header.tsx"],"sourcesContent":["import { st, classes } from './Header.st.css';\nimport React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronLeft } from '@wix/wix-ui-icons-common';\nimport Breadcrumbs from '../../../Breadcrumbs';\nimport Text from '../../../Text';\nimport Heading from '../../../Heading';\nimport IconButton from '../../../IconButton';\nimport { dataHooks } from './constants';\nimport Transition from '../../../Transition';\nimport { WixDesignSystemContext } from '../../../WixDesignSystemProvider/context';\nimport { WixStyleReactEnvironmentContext } from '../../../WixStyleReactEnvironmentProvider/context';\nimport { HeaderProps, HeaderSkin } from './Header.types';\n\ntype HeaderBreadcrumbs = HeaderProps['breadcrumbs'];\ntype Title = HeaderProps['title'];\ntype HasBackgroundImage = HeaderProps['hasBackgroundImage'];\n\ntype DefaultProps = { minimized: boolean };\ntype Props = HeaderProps & DefaultProps;\n\nconst isDarkTheme = (\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n) => {\n  switch (skin) {\n    case 'light':\n      return false;\n    case 'dark':\n      return true;\n    default:\n      return hasBackgroundImage && !minimized;\n  }\n};\n\nconst getBreadcrumbsTheme = (\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n) =>\n  isDarkTheme(hasBackgroundImage, minimized, skin)\n    ? 'onDarkBackground'\n    : 'onGrayBackground';\n\nconst getTitle = (title: Title, minimized: boolean) =>\n  typeof title === 'function' ? title(minimized) : title;\n\nconst generateDefaultBreadcrumbs = (\n  title: Title,\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n): React.JSX.Element => (\n  <Breadcrumbs\n    items={[{ id: '1', value: getTitle(title, minimized) }]}\n    activeId=\"1\"\n    size=\"medium\"\n    theme={getBreadcrumbsTheme(hasBackgroundImage, minimized, skin)}\n    onClick={() => {}}\n  />\n);\n\nconst getBreadcrumbs = (breadcrumbs: HeaderBreadcrumbs, minimized: boolean) =>\n  typeof breadcrumbs === 'function' ? breadcrumbs(minimized) : breadcrumbs;\n\nconst generateThemedBreadcrumbs = (\n  breadcrumbs: HeaderBreadcrumbs,\n  title: Title,\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n) => {\n  if (breadcrumbs) {\n    // @ts-expect-error\n    return React.cloneElement(getBreadcrumbs(breadcrumbs, minimized), {\n      theme: getBreadcrumbsTheme(hasBackgroundImage, minimized, skin),\n    });\n  }\n\n  return generateDefaultBreadcrumbs(title, hasBackgroundImage, minimized);\n};\n\n/**\n * A header that sticks at the top of the container which minimizes on scroll\n */\nexport default class Header extends PureComponent<\n  Props,\n  { themedBreadcrumbs: React.JSX.Element }\n> {\n  constructor(props: Props) {\n    super(props);\n\n    const { breadcrumbs, title, hasBackgroundImage, minimized, skin } = props;\n    this.state = {\n      themedBreadcrumbs: generateThemedBreadcrumbs(\n        breadcrumbs,\n        title,\n        hasBackgroundImage,\n        minimized,\n        skin,\n      ),\n    };\n  }\n  context!: React.ContextType<typeof WixStyleReactEnvironmentContext>;\n  static displayName = 'Page.Header';\n  static propTypes = {\n    dataHook: PropTypes.string,\n    minimized: PropTypes.bool,\n    hasBackgroundImage: PropTypes.bool,\n    skin: PropTypes.oneOf(['light', 'dark']),\n    className: PropTypes.string,\n    breadcrumbs: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    subtitle: PropTypes.node,\n    showBackButton: PropTypes.bool,\n    onBackClicked: PropTypes.func,\n    actionsBar: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  };\n  static defaultProps: DefaultProps = {\n    minimized: false,\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps: Props) {\n    const { breadcrumbs, title, hasBackgroundImage, minimized, skin } =\n      this.props;\n    const newBreadcrumbs = nextProps.breadcrumbs;\n    const newTitle = nextProps.title;\n    const newHasBackgroundImage = nextProps.hasBackgroundImage;\n    const newMinimized = nextProps.minimized;\n    const newSkin = nextProps.skin;\n\n    if (\n      breadcrumbs !== newBreadcrumbs ||\n      title !== newTitle ||\n      hasBackgroundImage !== newHasBackgroundImage ||\n      minimized !== newMinimized ||\n      skin !== newSkin\n    ) {\n      const themedBreadcrumbs = generateThemedBreadcrumbs(\n        newBreadcrumbs,\n        newTitle,\n        newHasBackgroundImage,\n        newMinimized,\n        skin,\n      );\n      this.setState({ themedBreadcrumbs });\n    }\n  }\n\n  _animateComponent = (\n    show: boolean | undefined,\n    useEnterDelay: boolean,\n    content: React.ReactNode,\n  ) => {\n    if (show) {\n      return content;\n    }\n\n    return useEnterDelay ? (\n      <Transition\n        show={show}\n        enterAnimation={{\n          fadeIn: {\n            duration: 'medium01',\n            delay: 'short',\n          },\n        }}\n        exitAnimation={{\n          fadeOut: true,\n        }}\n      >\n        {content}\n      </Transition>\n    ) : (\n      <Transition\n        show={show}\n        enterAnimation={{\n          fadeIn: true,\n        }}\n        exitAnimation={{\n          fadeOut: true,\n        }}\n      >\n        {content}\n      </Transition>\n    );\n  };\n\n  render() {\n    const {\n      dataHook,\n      breadcrumbs,\n      onBackClicked,\n      title,\n      subtitle,\n      minimized,\n      skin,\n      actionsBar,\n      showBackButton,\n      hasBackgroundImage,\n      className,\n    } = this.props;\n\n    const breadcrumbsExists = !!breadcrumbs;\n    const { themedBreadcrumbs } = this.state;\n    const _title = getTitle(title, minimized);\n    const isDark = isDarkTheme(hasBackgroundImage, minimized, skin);\n    const { pageHeaderId } = this.context;\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div className={st(classes.root, {}, className)} data-hook={dataHook}>\n            <div className={classes.header}>\n              <div>\n                {this._animateComponent(\n                  breadcrumbsExists || minimized,\n                  !breadcrumbsExists,\n                  <div\n                    className={st(classes.breadcrumbsContainer, {\n                      withoutBreadcrumbs: !breadcrumbsExists,\n                    })}\n                    data-hook={dataHooks.breadcrumbs}\n                  >\n                    {themedBreadcrumbs}\n                  </div>,\n                )}\n              </div>\n              <div className={st(classes.titleContainer, { minimized })}>\n                {showBackButton &&\n                  onBackClicked &&\n                  this._animateComponent(\n                    !minimized,\n                    !breadcrumbsExists,\n                    <IconButton\n                      className={st(classes.titleBackButton, {\n                        darkTheme: isDark,\n                        newColorsBranding,\n                      })}\n                      dataHook={dataHooks.backButton}\n                      onClick={onBackClicked}\n                    >\n                      <ChevronLeft className={classes.titleBackButtonIcon} />\n                    </IconButton>,\n                  )}\n                <div className={classes.titleColumn}>\n                  {title &&\n                    this._animateComponent(\n                      !minimized,\n                      !breadcrumbsExists,\n                      <Heading\n                        size=\"extraLarge\"\n                        className={st(classes.title, { newColorsBranding })}\n                        dataHook={dataHooks.title}\n                        ellipsis={typeof _title === 'string'}\n                        light={isDark}\n                        id={pageHeaderId}\n                      >\n                        {_title}\n                      </Heading>,\n                    )}\n                  {subtitle &&\n                    this._animateComponent(\n                      !minimized,\n                      !breadcrumbsExists,\n                      <div data-hook={dataHooks.subtitle}>\n                        <Text\n                          ellipsis={typeof subtitle === 'string'}\n                          light={isDark}\n                          secondary={!isDark}\n                          maxLines={2}\n                          maxWidth=\"288px\"\n                        >\n                          {subtitle}\n                        </Text>\n                      </div>,\n                    )}\n                </div>\n              </div>\n            </div>\n            {actionsBar && (\n              <div\n                className={st(classes.actionsBar, {\n                  minimized,\n                  withBreadcrumbs: breadcrumbsExists,\n                })}\n                data-hook={dataHooks.actionBar}\n              >\n                {typeof actionsBar === 'function'\n                  ? actionsBar({\n                      minimized,\n                      hasBackgroundImage,\n                      skin,\n                    })\n                  : actionsBar}\n              </div>\n            )}\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n}\n\nHeader.contextType = WixStyleReactEnvironmentContext;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_HeaderSt","require","_react","_interopRequireWildcard","_propTypes","_interopRequireDefault","_wixUiIconsCommon","_Breadcrumbs","_Text","_Heading","_IconButton","_constants","_Transition","_context","_context2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","isDarkTheme","hasBackgroundImage","minimized","skin","getBreadcrumbsTheme","getTitle","title","generateDefaultBreadcrumbs","createElement","items","id","value","activeId","size","theme","onClick","__self","__source","fileName","lineNumber","columnNumber","getBreadcrumbs","breadcrumbs","generateThemedBreadcrumbs","React","cloneElement","Header","PureComponent","constructor","props","context","_animateComponent","show","useEnterDelay","content","enterAnimation","fadeIn","duration","delay","exitAnimation","fadeOut","state","themedBreadcrumbs","UNSAFE_componentWillReceiveProps","nextProps","newBreadcrumbs","newTitle","newHasBackgroundImage","newMinimized","newSkin","setState","render","dataHook","onBackClicked","subtitle","actionsBar","showBackButton","className","breadcrumbsExists","_title","isDark","pageHeaderId","WixDesignSystemContext","Consumer","_ref","newColorsBranding","st","classes","root","header","breadcrumbsContainer","withoutBreadcrumbs","dataHooks","titleContainer","titleBackButton","darkTheme","backButton","ChevronLeft","titleBackButtonIcon","titleColumn","ellipsis","light","secondary","maxLines","maxWidth","withBreadcrumbs","actionBar","exports","displayName","propTypes","PropTypes","string","bool","oneOf","oneOfType","node","func","defaultProps","contextType","WixStyleReactEnvironmentContext"],"sources":["../../../../../src/Page/components/Header/Header.tsx"],"sourcesContent":["import { st, classes } from './Header.st.css';\nimport React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronLeft } from '@wix/wix-ui-icons-common';\nimport Breadcrumbs from '../../../Breadcrumbs';\nimport Text from '../../../Text';\nimport Heading from '../../../Heading';\nimport IconButton from '../../../IconButton';\nimport { dataHooks } from './constants';\nimport Transition from '../../../Transition';\nimport { WixDesignSystemContext } from '../../../WixDesignSystemProvider/context';\nimport { WixStyleReactEnvironmentContext } from '../../../WixStyleReactEnvironmentProvider/context';\nimport { HeaderProps, HeaderSkin } from './Header.types';\n\ntype HeaderBreadcrumbs = HeaderProps['breadcrumbs'];\ntype Title = HeaderProps['title'];\ntype HasBackgroundImage = HeaderProps['hasBackgroundImage'];\n\ntype DefaultProps = { minimized: boolean };\ntype Props = HeaderProps & DefaultProps;\n\nconst isDarkTheme = (\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n) => {\n  switch (skin) {\n    case 'light':\n      return false;\n    case 'dark':\n      return true;\n    default:\n      return hasBackgroundImage && !minimized;\n  }\n};\n\nconst getBreadcrumbsTheme = (\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n) =>\n  isDarkTheme(hasBackgroundImage, minimized, skin)\n    ? 'onDarkBackground'\n    : 'onGrayBackground';\n\nconst getTitle = (title: Title, minimized: boolean) =>\n  typeof title === 'function' ? title(minimized) : title;\n\nconst generateDefaultBreadcrumbs = (\n  title: Title,\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n): React.ReactElement => (\n  <Breadcrumbs\n    items={[{ id: '1', value: getTitle(title, minimized) }]}\n    activeId=\"1\"\n    size=\"medium\"\n    theme={getBreadcrumbsTheme(hasBackgroundImage, minimized, skin)}\n    onClick={() => {}}\n  />\n);\n\nconst getBreadcrumbs = (breadcrumbs: HeaderBreadcrumbs, minimized: boolean) =>\n  typeof breadcrumbs === 'function' ? breadcrumbs(minimized) : breadcrumbs;\n\nconst generateThemedBreadcrumbs = (\n  breadcrumbs: HeaderBreadcrumbs,\n  title: Title,\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n) => {\n  if (breadcrumbs) {\n    // @ts-expect-error\n    return React.cloneElement(getBreadcrumbs(breadcrumbs, minimized), {\n      theme: getBreadcrumbsTheme(hasBackgroundImage, minimized, skin),\n    });\n  }\n\n  return generateDefaultBreadcrumbs(title, hasBackgroundImage, minimized);\n};\n\n/**\n * A header that sticks at the top of the container which minimizes on scroll\n */\nexport default class Header extends PureComponent<\n  Props,\n  { themedBreadcrumbs: React.ReactElement }\n> {\n  constructor(props: Props) {\n    super(props);\n\n    const { breadcrumbs, title, hasBackgroundImage, minimized, skin } = props;\n    this.state = {\n      themedBreadcrumbs: generateThemedBreadcrumbs(\n        breadcrumbs,\n        title,\n        hasBackgroundImage,\n        minimized,\n        skin,\n      ),\n    };\n  }\n  context!: React.ContextType<typeof WixStyleReactEnvironmentContext>;\n  static displayName = 'Page.Header';\n  static propTypes = {\n    dataHook: PropTypes.string,\n    minimized: PropTypes.bool,\n    hasBackgroundImage: PropTypes.bool,\n    skin: PropTypes.oneOf(['light', 'dark']),\n    className: PropTypes.string,\n    breadcrumbs: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    subtitle: PropTypes.node,\n    showBackButton: PropTypes.bool,\n    onBackClicked: PropTypes.func,\n    actionsBar: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  };\n  static defaultProps: DefaultProps = {\n    minimized: false,\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps: Props) {\n    const { breadcrumbs, title, hasBackgroundImage, minimized, skin } =\n      this.props;\n    const newBreadcrumbs = nextProps.breadcrumbs;\n    const newTitle = nextProps.title;\n    const newHasBackgroundImage = nextProps.hasBackgroundImage;\n    const newMinimized = nextProps.minimized;\n    const newSkin = nextProps.skin;\n\n    if (\n      breadcrumbs !== newBreadcrumbs ||\n      title !== newTitle ||\n      hasBackgroundImage !== newHasBackgroundImage ||\n      minimized !== newMinimized ||\n      skin !== newSkin\n    ) {\n      const themedBreadcrumbs = generateThemedBreadcrumbs(\n        newBreadcrumbs,\n        newTitle,\n        newHasBackgroundImage,\n        newMinimized,\n        skin,\n      );\n      this.setState({ themedBreadcrumbs });\n    }\n  }\n\n  _animateComponent = (\n    show: boolean | undefined,\n    useEnterDelay: boolean,\n    content: React.ReactNode,\n  ) => {\n    if (show) {\n      return content;\n    }\n\n    return useEnterDelay ? (\n      <Transition\n        show={show}\n        enterAnimation={{\n          fadeIn: {\n            duration: 'medium01',\n            delay: 'short',\n          },\n        }}\n        exitAnimation={{\n          fadeOut: true,\n        }}\n      >\n        {content}\n      </Transition>\n    ) : (\n      <Transition\n        show={show}\n        enterAnimation={{\n          fadeIn: true,\n        }}\n        exitAnimation={{\n          fadeOut: true,\n        }}\n      >\n        {content}\n      </Transition>\n    );\n  };\n\n  render() {\n    const {\n      dataHook,\n      breadcrumbs,\n      onBackClicked,\n      title,\n      subtitle,\n      minimized,\n      skin,\n      actionsBar,\n      showBackButton,\n      hasBackgroundImage,\n      className,\n    } = this.props;\n\n    const breadcrumbsExists = !!breadcrumbs;\n    const { themedBreadcrumbs } = this.state;\n    const _title = getTitle(title, minimized);\n    const isDark = isDarkTheme(hasBackgroundImage, minimized, skin);\n    const { pageHeaderId } = this.context;\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div className={st(classes.root, {}, className)} data-hook={dataHook}>\n            <div className={classes.header}>\n              <div>\n                {this._animateComponent(\n                  breadcrumbsExists || minimized,\n                  !breadcrumbsExists,\n                  <div\n                    className={st(classes.breadcrumbsContainer, {\n                      withoutBreadcrumbs: !breadcrumbsExists,\n                    })}\n                    data-hook={dataHooks.breadcrumbs}\n                  >\n                    {themedBreadcrumbs}\n                  </div>,\n                )}\n              </div>\n              <div className={st(classes.titleContainer, { minimized })}>\n                {showBackButton &&\n                  onBackClicked &&\n                  this._animateComponent(\n                    !minimized,\n                    !breadcrumbsExists,\n                    <IconButton\n                      className={st(classes.titleBackButton, {\n                        darkTheme: isDark,\n                        newColorsBranding,\n                      })}\n                      dataHook={dataHooks.backButton}\n                      onClick={onBackClicked}\n                    >\n                      <ChevronLeft className={classes.titleBackButtonIcon} />\n                    </IconButton>,\n                  )}\n                <div className={classes.titleColumn}>\n                  {title &&\n                    this._animateComponent(\n                      !minimized,\n                      !breadcrumbsExists,\n                      <Heading\n                        size=\"extraLarge\"\n                        className={st(classes.title, { newColorsBranding })}\n                        dataHook={dataHooks.title}\n                        ellipsis={typeof _title === 'string'}\n                        light={isDark}\n                        id={pageHeaderId}\n                      >\n                        {_title}\n                      </Heading>,\n                    )}\n                  {subtitle &&\n                    this._animateComponent(\n                      !minimized,\n                      !breadcrumbsExists,\n                      <div data-hook={dataHooks.subtitle}>\n                        <Text\n                          ellipsis={typeof subtitle === 'string'}\n                          light={isDark}\n                          secondary={!isDark}\n                          maxLines={2}\n                          maxWidth=\"288px\"\n                        >\n                          {subtitle}\n                        </Text>\n                      </div>,\n                    )}\n                </div>\n              </div>\n            </div>\n            {actionsBar && (\n              <div\n                className={st(classes.actionsBar, {\n                  minimized,\n                  withBreadcrumbs: breadcrumbsExists,\n                })}\n                data-hook={dataHooks.actionBar}\n              >\n                {typeof actionsBar === 'function'\n                  ? actionsBar({\n                      minimized,\n                      hasBackgroundImage,\n                      skin,\n                    })\n                  : actionsBar}\n              </div>\n            )}\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n}\n\nHeader.contextType = WixStyleReactEnvironmentContext;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Page/components/Header/Header.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_154_0_Header";
+var _namespace_ = "wds_1_156_0_Header";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_154_0_Header__root","header":"wds_1_154_0_Header__header","breadcrumbsContainer":"wds_1_154_0_Header__breadcrumbsContainer","titleContainer":"wds_1_154_0_Header__titleContainer","titleBackButton":"wds_1_154_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_154_0_Header__titleBackButtonIcon","titleColumn":"wds_1_154_0_Header__titleColumn","title":"wds_1_154_0_Header__title","actionsBar":"wds_1_154_0_Header__actionsBar"};
+module.exports.classes = {"root":"wds_1_156_0_Header__root","header":"wds_1_156_0_Header__header","breadcrumbsContainer":"wds_1_156_0_Header__breadcrumbsContainer","titleContainer":"wds_1_156_0_Header__titleContainer","titleBackButton":"wds_1_156_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_156_0_Header__titleBackButtonIcon","titleColumn":"wds_1_156_0_Header__titleColumn","title":"wds_1_156_0_Header__title","actionsBar":"wds_1_156_0_Header__actionsBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Section/Section.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_154_0_PageSection";
+var _namespace_ = "wds_1_156_0_PageSection";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_154_0_PageSection__root","content":"wds_1_154_0_PageSection__content","titleColumn":"wds_1_154_0_PageSection__titleColumn","actionsBar":"wds_1_154_0_PageSection__actionsBar","divider":"wds_1_154_0_PageSection__divider"};
+module.exports.classes = {"root":"wds_1_156_0_PageSection__root","content":"wds_1_156_0_PageSection__content","titleColumn":"wds_1_156_0_PageSection__titleColumn","actionsBar":"wds_1_156_0_PageSection__actionsBar","divider":"wds_1_156_0_PageSection__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/test/examples/BMPageContainer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_154_0_BMPageContainer";
+var _namespace_ = "wds_1_156_0_BMPageContainer";
 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_154_0_BMPageContainer__root","header":"wds_1_154_0_BMPageContainer__header","body":"wds_1_154_0_BMPageContainer__body","sideBar":"wds_1_154_0_BMPageContainer__sideBar","sideBarContent":"wds_1_154_0_BMPageContainer__sideBarContent","rightSide":"wds_1_154_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_154_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_154_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_154_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_154_0_BMPageContainer__withLoadingIndicatorContainer"};
+module.exports.classes = {"root":"wds_1_156_0_BMPageContainer__root","header":"wds_1_156_0_BMPageContainer__header","body":"wds_1_156_0_BMPageContainer__body","sideBar":"wds_1_156_0_BMPageContainer__sideBar","sideBarContent":"wds_1_156_0_BMPageContainer__sideBarContent","rightSide":"wds_1_156_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_156_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_156_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_156_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_156_0_BMPageContainer__withLoadingIndicatorContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/test/examples/PageStory.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_154_0_PageStory";
+var _namespace_ = "wds_1_156_0_PageStory";
 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_154_0_PageStory__root","backgroundGradient":"wds_1_154_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_154_0_PageStory__backgroundGradientDark"};
+module.exports.classes = {"root":"wds_1_156_0_PageStory__root","backgroundGradient":"wds_1_156_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_156_0_PageStory__backgroundGradientDark"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};