npm - @wix/design-system - Versions diffs - 1.1.0 → 1.2.0 - Mend

@wix/design-system 1.1.0 → 1.2.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 (743) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["DEFAULT_STEP","DEFAULT_TIME_STYLE","initialState","isDropdownOpen","inputValue","selectedId","customInputId","highlightedOptionId","error","selectionRange","deleteEvent","scrollToOption","lastSavedDate","TimeInput","React","forwardRef","ref","dataHook","className","size","suffix","prefix","status","statusMessage","invalidMessage","border","disabled","placeholder","readOnly","width","timeStyle","onChange","onInvalid","step","noRightBorderRadius","noLeftBorderRadius","popoverProps","onFocus","onBlur","excludePastTimes","filterTime","rest","inputRef","useRef","context","useContext","WixStyleReactEnvironmentContext","locale","value","setSeconds","undefined","timeFilter","useMemo","getTimeFilter","timeSlots","getTimeSlots","filter","id","Date","state","setState","useReducer","currentState","newState","autofillValue","substring","selectionStart","useEffect","timeSlot","getTimeSlot","getClosestTimeSlot","selectedOption","find","slot","current","setSelectionRange","selectionEnd","openDropdown","useCallback","closestTimeSlot","useImperativeHandle","focus","blur","findCurrentOption","highlightedOption","customValue","getCustomTimeSlot","customId","validateAndSetOption","opt","option","date","valueChanged","getTime","onKeyDown","e","delegateKeyDown","key","preventDefault","length","onInputChanged","target","isInputInvalid","suggestedOption","getSuggestedOption","autoFillValue","getAutoFilledValue","inputWithAutoFill","onInputBlur","getStatusMessage","getErrorMessageByLocale","st","classes","root","dataHooks","TimeInputDropdown","TimeInputInput","displayName","propTypes","PropTypes","oneOf","string","bool","supportedWixlocales","func","node","number","object","shape","appendTo","maxWidth","oneOfType","minWidth","flip","fixed","placement","dynamicWidth","defaultProps"],"sources":["../../../src/TimeInput/TimeInput.js"],"sourcesContent":["import React, {\n useContext,\n useMemo,\n useCallback,\n useRef,\n useImperativeHandle,\n useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Input from '../Input';\nimport DropdownBase from '../DropdownBase';\nimport { dataHooks } from './constants';\nimport { st, classes } from './TimeInput.st.css';\nimport { supportedWixlocales } from 'wix-design-systems-locale-utils';\nimport { WixStyleReactEnvironmentContext } from '../WixStyleReactEnvironmentProvider/context';\nimport {\n getTimeSlots,\n getTimeSlot,\n getClosestTimeSlot,\n getSuggestedOption,\n isInputInvalid,\n getErrorMessageByLocale,\n getAutoFilledValue,\n getCustomTimeSlot,\n getTimeFilter,\n} from './TimeInputUtils';\n\nexport const DEFAULT_STEP = 15;\nexport const DEFAULT_TIME_STYLE = 'short';\n\nconst initialState = {\n isDropdownOpen: false,\n inputValue: '',\n selectedId: null,\n customInputId: null,\n highlightedOptionId: null,\n error: false,\n selectionRange: false,\n deleteEvent: false,\n scrollToOption: null,\n lastSavedDate: null,\n};\n\nconst TimeInput = React.forwardRef(\n (\n {\n dataHook,\n className,\n size,\n suffix,\n prefix,\n status,\n statusMessage,\n invalidMessage,\n border,\n disabled,\n placeholder,\n readOnly,\n width,\n timeStyle,\n onChange,\n onInvalid,\n step,\n noRightBorderRadius,\n noLeftBorderRadius,\n popoverProps,\n onFocus,\n onBlur,\n excludePastTimes,\n filterTime,\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef();\n\n const context = useContext(WixStyleReactEnvironmentContext);\n const locale = rest.locale \|\| context.locale \|\| 'en';\n // Resetting seconds so that one of timeSlots would be selected in case value with seconds is passed\n const value = rest.value ? rest.value.setSeconds(0, 0) : undefined;\n\n const timeFilter = useMemo(\n () => getTimeFilter({ excludePastTimes, filterTime }),\n [excludePastTimes, filterTime],\n );\n const timeSlots = useMemo(\n () =>\n getTimeSlots({ value, timeStyle, locale, step }).filter(({ id }) =>\n timeFilter(new Date(id)),\n ),\n [value, timeStyle, locale, step, timeFilter],\n );\n\n const [state, setState] = React.useReducer(\n (currentState, newState) => ({ ...currentState, ...newState }),\n initialState,\n );\n\n const autofillValue = state.selectionRange\n ? state.inputValue.substring(state.selectionRange.selectionStart)\n : null;\n\n useEffect(() => {\n if (rest.value === null) {\n setState({ inputValue: '' });\n return;\n }\n\n const timeSlot = value\n ? getTimeSlot({ value, timeStyle, locale })\n : getClosestTimeSlot({ value, timeSlots });\n\n const selectedOption =\n timeSlot && timeSlots.find(slot => timeSlot.id === slot.id);\n\n setState({\n inputValue: timeSlot && timeSlot.value,\n selectedId: selectedOption && selectedOption.id,\n });\n }, [value, rest.value, timeStyle, locale, timeSlots]);\n\n // select range when suggestedInputValue is changed\n useEffect(() => {\n if (state.selectionRange) {\n inputRef.current.setSelectionRange(\n state.selectionRange.selectionStart,\n state.selectionRange.selectionEnd,\n );\n }\n }, [state.selectionRange]);\n\n useEffect(() => {\n if (state.error) {\n onInvalid && onInvalid();\n }\n }, [state.error, onInvalid]);\n\n const openDropdown = useCallback(() => {\n if (readOnly) {\n return;\n }\n\n if (state.selectedId \|\| state.highlightedOptionId) {\n return setState({ isDropdownOpen: true });\n }\n\n const closestTimeSlot = getClosestTimeSlot({\n value: new Date(state.customInputId \|\| value),\n timeSlots,\n });\n\n return setState({\n isDropdownOpen: true,\n scrollToOption: closestTimeSlot ? closestTimeSlot.id : undefined,\n });\n }, [\n state.selectedId,\n state.highlightedOptionId,\n state.customInputId,\n timeSlots,\n readOnly,\n value,\n ]);\n\n useImperativeHandle(\n ref,\n () => ({\n focus: () => {\n inputRef.current.focus();\n openDropdown();\n },\n blur: () => {\n inputRef.current.blur();\n },\n }),\n [openDropdown],\n );\n\n const findCurrentOption = useCallback(() => {\n if (state.selectedId) {\n return { id: state.selectedId, value: state.inputValue };\n }\n\n const highlightedOption = timeSlots.find(\n slot => slot.id === state.highlightedOptionId,\n );\n\n if (highlightedOption) {\n return highlightedOption;\n }\n\n if (state.inputValue && !state.selectedId) {\n const customValue = getCustomTimeSlot({\n value: state.inputValue,\n timeSlot: timeSlots[0].id,\n timeStyle,\n locale,\n });\n\n if (customValue) {\n return {\n value: customValue.value,\n customId: customValue.id,\n };\n }\n }\n }, [\n locale,\n state.highlightedOptionId,\n state.inputValue,\n state.selectedId,\n timeSlots,\n timeStyle,\n ]);\n\n const validateAndSetOption = useCallback(\n opt => {\n const option = opt ? opt : findCurrentOption();\n\n if (!option \|\| !timeFilter(new Date(option.id \|\| option.customId))) {\n return setState({ error: true });\n }\n\n const date = option ? new Date(option.customId \|\| option.id) : null;\n\n const valueChanged =\n (state.lastSavedDate?.getTime?.() ?? null) !==\n (date?.getTime?.() ?? null);\n\n setState({\n selectedId: option.id,\n customInputId: option.customId,\n inputValue: option.value,\n selectionRange: false,\n isDropdownOpen: false,\n highlightedOptionId: null,\n error: false,\n lastSavedDate: date,\n });\n\n if (option && valueChanged) {\n onChange && onChange({ date });\n }\n\n return option;\n },\n [findCurrentOption, timeFilter, onChange, state.lastSavedDate],\n );\n\n const onKeyDown = useCallback(\n (e, delegateKeyDown) => {\n if (e.key === ' ' \|\| e.key === 'Spacebar') {\n return;\n }\n if (!state.isDropdownOpen && e.key === 'ArrowDown') {\n openDropdown();\n return e.preventDefault();\n }\n\n delegateKeyDown(e);\n\n if (e.key === 'Backspace') {\n setState({\n deleteEvent: true,\n });\n }\n\n if (state.isDropdownOpen) {\n if (e.key === 'Escape') {\n setState({ isDropdownOpen: false });\n return e.preventDefault();\n }\n\n // should be handled by error validation\n if (e.key === 'Enter') {\n setState({ isDropdownOpen: false });\n inputRef.current.setSelectionRange(\n state.inputValue.length,\n state.inputValue.length,\n );\n\n if (!state.error) {\n return validateAndSetOption();\n }\n }\n }\n },\n [\n state.isDropdownOpen,\n state.inputValue,\n openDropdown,\n validateAndSetOption,\n state.error,\n ],\n );\n\n const onInputChanged = useCallback(\n e => {\n let inputValue = e.target.value;\n let isDropdownOpen = state.isDropdownOpen;\n let selectedId = state.selectedId;\n let selectionRange = false;\n let error = false;\n\n // open dropdown when value is selected with keyboard and value is typed again\n if (!isDropdownOpen) {\n isDropdownOpen = true;\n }\n\n // validate input\n if (isInputInvalid(e.target.value)) {\n error = true;\n isDropdownOpen = false;\n }\n\n // unselect dropdown option if input value doesn not match any available timeslot\n if (inputValue !== timeSlots[state.selectedId]) {\n selectedId = null;\n }\n\n const suggestedOption = getSuggestedOption({\n inputValue,\n timeSlots,\n locale,\n });\n\n if (!state.deleteEvent && suggestedOption) {\n const autoFillValue = getAutoFilledValue({\n inputValue,\n suggestedOption,\n locale,\n });\n\n const inputWithAutoFill = inputValue + autoFillValue;\n\n inputValue = inputValue + autoFillValue;\n selectionRange = {\n selectionStart: inputWithAutoFill.length - autoFillValue.length,\n selectionEnd: inputWithAutoFill.length,\n };\n }\n\n const highlightedOptionId = suggestedOption ? suggestedOption.id : null;\n\n setState({\n isDropdownOpen,\n error,\n selectedId,\n highlightedOptionId,\n selectionRange,\n inputValue,\n deleteEvent: false,\n });\n },\n [\n state.deleteEvent,\n timeSlots,\n state.isDropdownOpen,\n state.selectedId,\n locale,\n ],\n );\n\n const onInputBlur = useCallback(\n e => {\n onBlur && onBlur(e);\n\n if (state.isDropdownOpen) {\n setState({ isDropdownOpen: false });\n }\n\n if (state.error) {\n return;\n }\n\n if (state.inputValue === '') {\n return onChange && onChange({ date: null });\n }\n\n validateAndSetOption();\n },\n [\n validateAndSetOption,\n onChange,\n onBlur,\n state.error,\n state.isDropdownOpen,\n state.inputValue,\n ],\n );\n\n const getStatusMessage = () => {\n if (state.error) return invalidMessage \|\| getErrorMessageByLocale(locale);\n\n return statusMessage;\n };\n\n return (\n <div\n className={st(classes.root, className)}\n style={{ width }}\n data-hook={dataHook}\n data-value={state.selectedId \|\| value}\n data-locale={locale}\n data-time-style={timeStyle}\n data-autofill={autofillValue}\n data-scroll-to-option={state.scrollToOption}\n data-status-message={statusMessage}\n >\n <DropdownBase\n dataHook={dataHooks.TimeInputDropdown}\n open={state.isDropdownOpen}\n onClickOutside={() => setState({ isDropdownOpen: false })}\n options={timeSlots}\n onSelect={validateAndSetOption}\n selectedId={state.selectedId}\n maxHeight=\"216px\"\n markedOptionId={state.highlightedOptionId}\n focusOnOption={state.highlightedOptionId}\n focusOnSelectedOption\n scrollToOption={state.scrollToOption}\n onMouseDown={e => e.preventDefault()}\n dynamicWidth\n {...popoverProps}\n >\n {({ delegateKeyDown }) => {\n return (\n <Input\n dataHook={dataHooks.TimeInputInput}\n size={size}\n status={state.error ? 'error' : status}\n statusMessage={getStatusMessage()}\n suffix={suffix && <Input.Affix>{suffix}</Input.Affix>}\n prefix={prefix && <Input.Affix>{prefix}</Input.Affix>}\n border={border}\n disabled={disabled}\n placeholder={placeholder}\n value={state.inputValue}\n onChange={onInputChanged}\n onInputClicked={openDropdown}\n onKeyDown={e => onKeyDown(e, delegateKeyDown)}\n ref={inputRef}\n readOnly={readOnly}\n noLeftBorderRadius={noLeftBorderRadius}\n noRightBorderRadius={noRightBorderRadius}\n onFocus={onFocus}\n onBlur={onInputBlur}\n />\n );\n }}\n </DropdownBase>\n </div>\n );\n },\n);\n\nTimeInput.displayName = 'TimeInput';\n\nTimeInput.propTypes = {\n /** Control the border style of input /\n border: PropTypes.oneOf(['standard', 'round', 'bottomLine', 'none']),\n\n /* Specifies a CSS class name to be appended to the component’s root element /\n className: PropTypes.string,\n\n /* Applies a data-hook HTML attribute that can be used in the tests /\n dataHook: PropTypes.string,\n\n /* Specifies whether component is disabled /\n disabled: PropTypes.bool,\n\n /* Sets locale and formats time according to it /\n locale: PropTypes.oneOf(supportedWixlocales),\n\n /* Defines a callback function which is called on every time value changes /\n onChange: PropTypes.func,\n\n /* Defines a callback function which is called on cases when invalid time is typed or confirmed with an action /\n onInvalid: PropTypes.func,\n\n /* Sets a placeholder message to display /\n placeholder: PropTypes.string,\n\n /* Pass a component you want to show as the prefix of the input, e.g., text, icon /\n prefix: PropTypes.node,\n\n /* Specifies whether input is read only /\n readOnly: PropTypes.bool,\n\n /* Controls the size of the input /\n size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n /* Specify the status of a field /\n status: PropTypes.oneOf(['error', 'warning', 'loading']),\n\n /* Defines the message to display on status icon hover. If not given or empty there will be no tooltip. /\n statusMessage: PropTypes.node,\n\n /* Defines a message to display when user types invalid time value /\n invalidMessage: PropTypes.string,\n\n /* Specifies the interval between time values shown in dropdown /\n step: PropTypes.number,\n\n /* Pass a component you want to show as the suffix of the input, e.g., text, icon /\n suffix: PropTypes.node,\n\n /* Specifies what time formatting style to use when calling `format()` /\n timeStyle: PropTypes.string,\n\n /* Specifies the current value of the input /\n value: PropTypes.object,\n\n /* Controls the width of the component. `auto` will resize the input to match width of its contents, while `100%` will take up the full parent container width. /\n width: PropTypes.oneOf(['auto', '100%']),\n\n /* Defines a standard input `onFocus` callback /\n onFocus: PropTypes.func,\n\n /* Defines a standard input `onBlur` callback /\n onBlur: PropTypes.func,\n\n /* Specify whether past time slots should be shown or not /\n excludePastTimes: PropTypes.bool,\n\n /\n Specify selectable time slots:\n * * `param` {Date} `value` - a time to check\n * * `return` {boolean} - true if `value` should be shown in time slots dropdown, false otherwise\n /\n filterTime: PropTypes.func,\n\n /* Allows to pass all common popover props. */\n popoverProps: PropTypes.shape({\n appendTo: PropTypes.oneOf(['window', 'scrollParent', 'parent', 'viewport']),\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n flip: PropTypes.bool,\n fixed: PropTypes.bool,\n placement: PropTypes.oneOf([\n 'auto-start',\n 'auto',\n 'auto-end',\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ]),\n dynamicWidth: PropTypes.bool,\n }),\n};\n\nTimeInput.defaultProps = {\n width: 'auto',\n step: DEFAULT_STEP,\n timeStyle: DEFAULT_TIME_STYLE,\n};\n\nexport default TimeInput;\n"],"mappings":"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"}
1	+ {"version":3,"names":["DEFAULT_STEP","DEFAULT_TIME_STYLE","initialState","isDropdownOpen","inputValue","selectedId","customInputId","highlightedOptionId","error","selectionRange","deleteEvent","scrollToOption","lastSavedDate","TimeInput","React","forwardRef","ref","dataHook","className","size","suffix","prefix","status","statusMessage","invalidMessage","border","disabled","placeholder","readOnly","autoSelect","width","timeStyle","onChange","onInvalid","step","noRightBorderRadius","noLeftBorderRadius","popoverProps","onFocus","onBlur","excludePastTimes","filterTime","rest","inputRef","useRef","context","useContext","WixStyleReactEnvironmentContext","locale","value","setSeconds","undefined","timeFilter","useMemo","getTimeFilter","timeSlots","getTimeSlots","filter","id","Date","state","setState","useReducer","currentState","newState","autofillValue","substring","selectionStart","useEffect","timeSlot","getTimeSlot","getClosestTimeSlot","selectedOption","find","slot","current","setSelectionRange","selectionEnd","openDropdown","useCallback","closestTimeSlot","useImperativeHandle","focus","blur","findCurrentOption","highlightedOption","customValue","getCustomTimeSlot","customId","validateAndSetOption","opt","option","date","valueChanged","getTime","onKeyDown","e","delegateKeyDown","key","preventDefault","length","onInputChanged","target","isInputInvalid","suggestedOption","getSuggestedOption","autoFillValue","getAutoFilledValue","inputWithAutoFill","onInputBlur","getStatusMessage","getErrorMessageByLocale","st","classes","root","dataHooks","TimeInputDropdown","TimeInputInput","displayName","propTypes","PropTypes","oneOf","string","bool","supportedWixlocales","func","node","number","object","shape","appendTo","maxWidth","oneOfType","minWidth","flip","fixed","placement","dynamicWidth","defaultProps"],"sources":["../../../src/TimeInput/TimeInput.js"],"sourcesContent":["import React, {\n useContext,\n useMemo,\n useCallback,\n useRef,\n useImperativeHandle,\n useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Input from '../Input';\nimport DropdownBase from '../DropdownBase';\nimport { dataHooks } from './constants';\nimport { st, classes } from './TimeInput.st.css';\nimport { supportedWixlocales } from 'wix-design-systems-locale-utils';\nimport { WixStyleReactEnvironmentContext } from '../WixStyleReactEnvironmentProvider/context';\nimport {\n getTimeSlots,\n getTimeSlot,\n getClosestTimeSlot,\n getSuggestedOption,\n isInputInvalid,\n getErrorMessageByLocale,\n getAutoFilledValue,\n getCustomTimeSlot,\n getTimeFilter,\n} from './TimeInputUtils';\n\nexport const DEFAULT_STEP = 15;\nexport const DEFAULT_TIME_STYLE = 'short';\n\nconst initialState = {\n isDropdownOpen: false,\n inputValue: '',\n selectedId: null,\n customInputId: null,\n highlightedOptionId: null,\n error: false,\n selectionRange: false,\n deleteEvent: false,\n scrollToOption: null,\n lastSavedDate: null,\n};\n\nconst TimeInput = React.forwardRef(\n (\n {\n dataHook,\n className,\n size,\n suffix,\n prefix,\n status,\n statusMessage,\n invalidMessage,\n border,\n disabled,\n placeholder,\n readOnly,\n autoSelect,\n width,\n timeStyle,\n onChange,\n onInvalid,\n step,\n noRightBorderRadius,\n noLeftBorderRadius,\n popoverProps,\n onFocus,\n onBlur,\n excludePastTimes,\n filterTime,\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef();\n\n const context = useContext(WixStyleReactEnvironmentContext);\n const locale = rest.locale \|\| context.locale \|\| 'en';\n // Resetting seconds so that one of timeSlots would be selected in case value with seconds is passed\n const value = rest.value ? rest.value.setSeconds(0, 0) : undefined;\n\n const timeFilter = useMemo(\n () => getTimeFilter({ excludePastTimes, filterTime }),\n [excludePastTimes, filterTime],\n );\n const timeSlots = useMemo(\n () =>\n getTimeSlots({ value, timeStyle, locale, step }).filter(({ id }) =>\n timeFilter(new Date(id)),\n ),\n [value, timeStyle, locale, step, timeFilter],\n );\n\n const [state, setState] = React.useReducer(\n (currentState, newState) => ({ ...currentState, ...newState }),\n initialState,\n );\n\n const autofillValue = state.selectionRange\n ? state.inputValue.substring(state.selectionRange.selectionStart)\n : null;\n\n useEffect(() => {\n if (rest.value === null) {\n setState({ inputValue: '' });\n return;\n }\n\n const timeSlot = value\n ? getTimeSlot({ value, timeStyle, locale })\n : getClosestTimeSlot({ value, timeSlots });\n\n const selectedOption =\n timeSlot && timeSlots.find(slot => timeSlot.id === slot.id);\n\n setState({\n inputValue: timeSlot && timeSlot.value,\n selectedId: selectedOption && selectedOption.id,\n });\n }, [value, rest.value, timeStyle, locale, timeSlots]);\n\n // select range when suggestedInputValue is changed\n useEffect(() => {\n if (state.selectionRange) {\n inputRef.current.setSelectionRange(\n state.selectionRange.selectionStart,\n state.selectionRange.selectionEnd,\n );\n }\n }, [state.selectionRange]);\n\n useEffect(() => {\n if (state.error) {\n onInvalid && onInvalid();\n }\n }, [state.error, onInvalid]);\n\n const openDropdown = useCallback(() => {\n if (readOnly) {\n return;\n }\n\n if (state.selectedId \|\| state.highlightedOptionId) {\n return setState({ isDropdownOpen: true });\n }\n\n const closestTimeSlot = getClosestTimeSlot({\n value: new Date(state.customInputId \|\| value),\n timeSlots,\n });\n\n return setState({\n isDropdownOpen: true,\n scrollToOption: closestTimeSlot ? closestTimeSlot.id : undefined,\n });\n }, [\n state.selectedId,\n state.highlightedOptionId,\n state.customInputId,\n timeSlots,\n readOnly,\n value,\n ]);\n\n useImperativeHandle(\n ref,\n () => ({\n focus: () => {\n inputRef.current.focus();\n openDropdown();\n },\n blur: () => {\n inputRef.current.blur();\n },\n }),\n [openDropdown],\n );\n\n const findCurrentOption = useCallback(() => {\n if (state.selectedId) {\n return { id: state.selectedId, value: state.inputValue };\n }\n\n const highlightedOption = timeSlots.find(\n slot => slot.id === state.highlightedOptionId,\n );\n\n if (highlightedOption) {\n return highlightedOption;\n }\n\n if (state.inputValue && !state.selectedId) {\n const customValue = getCustomTimeSlot({\n value: state.inputValue,\n timeSlot: timeSlots[0].id,\n timeStyle,\n locale,\n });\n\n if (customValue) {\n return {\n value: customValue.value,\n customId: customValue.id,\n };\n }\n }\n }, [\n locale,\n state.highlightedOptionId,\n state.inputValue,\n state.selectedId,\n timeSlots,\n timeStyle,\n ]);\n\n const validateAndSetOption = useCallback(\n opt => {\n const option = opt ? opt : findCurrentOption();\n\n if (!option \|\| !timeFilter(new Date(option.id \|\| option.customId))) {\n return setState({ error: true });\n }\n\n const date = option ? new Date(option.customId \|\| option.id) : null;\n\n const valueChanged =\n (state.lastSavedDate?.getTime?.() ?? null) !==\n (date?.getTime?.() ?? null);\n\n setState({\n selectedId: option.id,\n customInputId: option.customId,\n inputValue: option.value,\n selectionRange: false,\n isDropdownOpen: false,\n highlightedOptionId: null,\n error: false,\n lastSavedDate: date,\n });\n\n if (option && valueChanged) {\n onChange && onChange({ date });\n }\n\n return option;\n },\n [findCurrentOption, timeFilter, onChange, state.lastSavedDate],\n );\n\n const onKeyDown = useCallback(\n (e, delegateKeyDown) => {\n if (e.key === ' ' \|\| e.key === 'Spacebar') {\n return;\n }\n if (!state.isDropdownOpen && e.key === 'ArrowDown') {\n openDropdown();\n return e.preventDefault();\n }\n\n delegateKeyDown(e);\n\n if (e.key === 'Backspace') {\n setState({\n deleteEvent: true,\n });\n }\n\n if (state.isDropdownOpen) {\n if (e.key === 'Escape') {\n setState({ isDropdownOpen: false });\n return e.preventDefault();\n }\n\n // should be handled by error validation\n if (e.key === 'Enter') {\n setState({ isDropdownOpen: false });\n inputRef.current.setSelectionRange(\n state.inputValue.length,\n state.inputValue.length,\n );\n\n if (!state.error) {\n return validateAndSetOption();\n }\n }\n }\n },\n [\n state.isDropdownOpen,\n state.inputValue,\n openDropdown,\n validateAndSetOption,\n state.error,\n ],\n );\n\n const onInputChanged = useCallback(\n e => {\n let inputValue = e.target.value;\n let isDropdownOpen = state.isDropdownOpen;\n let selectedId = state.selectedId;\n let selectionRange = false;\n let error = false;\n\n // open dropdown when value is selected with keyboard and value is typed again\n if (!isDropdownOpen) {\n isDropdownOpen = true;\n }\n\n // validate input\n if (isInputInvalid(e.target.value)) {\n error = true;\n isDropdownOpen = false;\n }\n\n // unselect dropdown option if input value doesn not match any available timeslot\n if (inputValue !== timeSlots[state.selectedId]) {\n selectedId = null;\n }\n\n const suggestedOption = getSuggestedOption({\n inputValue,\n timeSlots,\n locale,\n });\n\n if (!state.deleteEvent && suggestedOption) {\n const autoFillValue = getAutoFilledValue({\n inputValue,\n suggestedOption,\n locale,\n });\n\n const inputWithAutoFill = inputValue + autoFillValue;\n\n inputValue = inputValue + autoFillValue;\n selectionRange = {\n selectionStart: inputWithAutoFill.length - autoFillValue.length,\n selectionEnd: inputWithAutoFill.length,\n };\n }\n\n const highlightedOptionId = suggestedOption ? suggestedOption.id : null;\n\n setState({\n isDropdownOpen,\n error,\n selectedId,\n highlightedOptionId,\n selectionRange,\n inputValue,\n deleteEvent: false,\n });\n },\n [\n state.deleteEvent,\n timeSlots,\n state.isDropdownOpen,\n state.selectedId,\n locale,\n ],\n );\n\n const onInputBlur = useCallback(\n e => {\n onBlur && onBlur(e);\n\n if (state.isDropdownOpen) {\n setState({ isDropdownOpen: false });\n }\n\n if (state.error) {\n return;\n }\n\n if (state.inputValue === '') {\n return onChange && onChange({ date: null });\n }\n\n validateAndSetOption();\n },\n [\n validateAndSetOption,\n onChange,\n onBlur,\n state.error,\n state.isDropdownOpen,\n state.inputValue,\n ],\n );\n\n const getStatusMessage = () => {\n if (state.error) return invalidMessage \|\| getErrorMessageByLocale(locale);\n\n return statusMessage;\n };\n\n return (\n <div\n className={st(classes.root, className)}\n style={{ width }}\n data-hook={dataHook}\n data-value={state.selectedId \|\| value}\n data-locale={locale}\n data-time-style={timeStyle}\n data-autofill={autofillValue}\n data-scroll-to-option={state.scrollToOption}\n data-status-message={statusMessage}\n >\n <DropdownBase\n dataHook={dataHooks.TimeInputDropdown}\n open={state.isDropdownOpen}\n onClickOutside={() => setState({ isDropdownOpen: false })}\n options={timeSlots}\n onSelect={validateAndSetOption}\n selectedId={state.selectedId}\n maxHeight=\"216px\"\n markedOptionId={state.highlightedOptionId}\n focusOnOption={state.highlightedOptionId}\n focusOnSelectedOption\n scrollToOption={state.scrollToOption}\n onMouseDown={e => e.preventDefault()}\n dynamicWidth\n {...popoverProps}\n >\n {({ delegateKeyDown }) => {\n return (\n <Input\n dataHook={dataHooks.TimeInputInput}\n size={size}\n status={state.error ? 'error' : status}\n statusMessage={getStatusMessage()}\n suffix={suffix && <Input.Affix>{suffix}</Input.Affix>}\n prefix={prefix && <Input.Affix>{prefix}</Input.Affix>}\n border={border}\n disabled={disabled}\n placeholder={placeholder}\n value={state.inputValue}\n onChange={onInputChanged}\n onInputClicked={openDropdown}\n onKeyDown={e => onKeyDown(e, delegateKeyDown)}\n ref={inputRef}\n readOnly={readOnly}\n autoSelect={autoSelect}\n noLeftBorderRadius={noLeftBorderRadius}\n noRightBorderRadius={noRightBorderRadius}\n onFocus={onFocus}\n onBlur={onInputBlur}\n />\n );\n }}\n </DropdownBase>\n </div>\n );\n },\n);\n\nTimeInput.displayName = 'TimeInput';\n\nTimeInput.propTypes = {\n /** Control the border style of input /\n border: PropTypes.oneOf(['standard', 'round', 'bottomLine', 'none']),\n\n /* Specifies a CSS class name to be appended to the component’s root element /\n className: PropTypes.string,\n\n /* Applies a data-hook HTML attribute that can be used in the tests /\n dataHook: PropTypes.string,\n\n /* Specifies whether component is disabled /\n disabled: PropTypes.bool,\n\n /* Sets locale and formats time according to it /\n locale: PropTypes.oneOf(supportedWixlocales),\n\n /* Defines a callback function which is called on every time value changes /\n onChange: PropTypes.func,\n\n /* Defines a callback function which is called on cases when invalid time is typed or confirmed with an action /\n onInvalid: PropTypes.func,\n\n /* Sets a placeholder message to display /\n placeholder: PropTypes.string,\n\n /* Pass a component you want to show as the prefix of the input, e.g., text, icon /\n prefix: PropTypes.node,\n\n /* Specifies whether input is read only /\n readOnly: PropTypes.bool,\n\n /* Specifies whether input is auto selected on focus /\n autoSelect: PropTypes.bool,\n\n /* Controls the size of the input /\n size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n /* Specify the status of a field /\n status: PropTypes.oneOf(['error', 'warning', 'loading']),\n\n /* Defines the message to display on status icon hover. If not given or empty there will be no tooltip. /\n statusMessage: PropTypes.node,\n\n /* Defines a message to display when user types invalid time value /\n invalidMessage: PropTypes.string,\n\n /* Specifies the interval between time values shown in dropdown /\n step: PropTypes.number,\n\n /* Pass a component you want to show as the suffix of the input, e.g., text, icon /\n suffix: PropTypes.node,\n\n /* Specifies what time formatting style to use when calling `format()` /\n timeStyle: PropTypes.string,\n\n /* Specifies the current value of the input /\n value: PropTypes.object,\n\n /* Controls the width of the component. `auto` will resize the input to match width of its contents, while `100%` will take up the full parent container width. /\n width: PropTypes.oneOf(['auto', '100%']),\n\n /* Defines a standard input `onFocus` callback /\n onFocus: PropTypes.func,\n\n /* Defines a standard input `onBlur` callback /\n onBlur: PropTypes.func,\n\n /* Specify whether past time slots should be shown or not /\n excludePastTimes: PropTypes.bool,\n\n /\n Specify selectable time slots:\n * * `param` {Date} `value` - a time to check\n * * `return` {boolean} - true if `value` should be shown in time slots dropdown, false otherwise\n /\n filterTime: PropTypes.func,\n\n /* Allows to pass all common popover props. */\n popoverProps: PropTypes.shape({\n appendTo: PropTypes.oneOf(['window', 'scrollParent', 'parent', 'viewport']),\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n flip: PropTypes.bool,\n fixed: PropTypes.bool,\n placement: PropTypes.oneOf([\n 'auto-start',\n 'auto',\n 'auto-end',\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ]),\n dynamicWidth: PropTypes.bool,\n }),\n};\n\nTimeInput.defaultProps = {\n width: 'auto',\n step: DEFAULT_STEP,\n timeStyle: DEFAULT_TIME_STYLE,\n};\n\nexport default TimeInput;\n"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_1_0_TimeInput";
+var _namespace_ = "wds_1_2_0_TimeInput";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_TimeInput__root"};
+module.exports.classes = {"root":"wds_1_2_0_TimeInput__root"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_1_0_TimeTable";
+var _namespace_ = "wds_1_2_0_TimeTable";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_TimeTable__root","text-medium-thin":"wds_1_1_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_1_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_1_0_StylableTypography__text-medium-bold","text-tiny-normal":"wds_1_1_0_StylableTypography__text-tiny-normal","text-tiny-thin":"wds_1_1_0_StylableTypography__text-tiny-thin","text-tiny-bold":"wds_1_1_0_StylableTypography__text-tiny-bold","defaultScrollBar":"wds_1_1_0_defaultscrollbar__defaultScrollBar","column":"wds_1_1_0_TimeTable__column","header":"wds_1_1_0_TimeTable__header","title":"wds_1_1_0_TimeTable__title","subtitle":"wds_1_1_0_TimeTable__subtitle","item":"wds_1_1_0_TimeTable__item","actionsContainer":"wds_1_1_0_TimeTable__actionsContainer","addItemButton":"wds_1_1_0_TimeTable__addItemButton","addItemLabel":"wds_1_1_0_TimeTable__addItemLabel","headerContainer":"wds_1_1_0_TimeTable__headerContainer","contentContainer":"wds_1_1_0_TimeTable__contentContainer","content":"wds_1_1_0_TimeTable__content"};
+module.exports.classes = {"root":"wds_1_2_0_TimeTable__root","text-medium-thin":"wds_1_2_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_2_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_2_0_StylableTypography__text-medium-bold","text-tiny-normal":"wds_1_2_0_StylableTypography__text-tiny-normal","text-tiny-thin":"wds_1_2_0_StylableTypography__text-tiny-thin","text-tiny-bold":"wds_1_2_0_StylableTypography__text-tiny-bold","defaultScrollBar":"wds_1_2_0_defaultscrollbar__defaultScrollBar","column":"wds_1_2_0_TimeTable__column","header":"wds_1_2_0_TimeTable__header","title":"wds_1_2_0_TimeTable__title","subtitle":"wds_1_2_0_TimeTable__subtitle","item":"wds_1_2_0_TimeTable__item","actionsContainer":"wds_1_2_0_TimeTable__actionsContainer","addItemButton":"wds_1_2_0_TimeTable__addItemButton","addItemLabel":"wds_1_2_0_TimeTable__addItemLabel","headerContainer":"wds_1_2_0_TimeTable__headerContainer","contentContainer":"wds_1_2_0_TimeTable__contentContainer","content":"wds_1_2_0_TimeTable__content"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TimeTable/components/Item.st.css.js CHANGED Viewed

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
-var _namespace_ = "wds_1_1_0_TimeTableItem";
+var _namespace_ = "wds_1_2_0_TimeTableItem";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_TimeTableItem__root","text-tiny-thin":"wds_1_1_0_StylableTypography__text-tiny-thin"};
+module.exports.classes = {"root":"wds_1_2_0_TimeTableItem__root","text-tiny-thin":"wds_1_2_0_StylableTypography__text-tiny-thin"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_1_0_Timeline";
+var _namespace_ = "wds_1_2_0_Timeline";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_Timeline__root"};
+module.exports.classes = {"root":"wds_1_2_0_Timeline__root"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Timeline/TimelineItem.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_1_0_TimelineItem";
+var _namespace_ = "wds_1_2_0_TimelineItem";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_TimelineItem__root","event":"wds_1_1_0_TimelineItem__event","prefix":"wds_1_1_0_TimelineItem__prefix","line":"wds_1_1_0_TimelineItem__line","defaultIndicator":"wds_1_1_0_TimelineItem__defaultIndicator","label":"wds_1_1_0_TimelineItem__label","labelText":"wds_1_1_0_TimelineItem__labelText","suffix":"wds_1_1_0_TimelineItem__suffix","labelAction":"wds_1_1_0_TimelineItem__labelAction"};
+module.exports.classes = {"root":"wds_1_2_0_TimelineItem__root","event":"wds_1_2_0_TimelineItem__event","prefix":"wds_1_2_0_TimelineItem__prefix","line":"wds_1_2_0_TimelineItem__line","defaultIndicator":"wds_1_2_0_TimelineItem__defaultIndicator","label":"wds_1_2_0_TimelineItem__label","labelText":"wds_1_2_0_TimelineItem__labelText","suffix":"wds_1_2_0_TimelineItem__suffix","labelAction":"wds_1_2_0_TimelineItem__labelAction"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"listItemHeight":"18px","inidicatorSize":"7px"};
-module.exports.vars = {"listItemHeight":"--wds_1_1_0_TimelineItem-listItemHeight","marginBottom":"--wds_1_1_0_TimelineItem-marginBottom"};
+module.exports.vars = {"listItemHeight":"--wds_1_2_0_TimelineItem-listItemHeight","marginBottom":"--wds_1_2_0_TimelineItem-marginBottom"};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_1_0_Toast";
+var _namespace_ = "wds_1_2_0_Toast";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_Toast__root","toastContainer":"wds_1_1_0_Toast__toastContainer"};
+module.exports.classes = {"root":"wds_1_2_0_Toast__root","toastContainer":"wds_1_2_0_Toast__toastContainer"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Toast/components/ToastItem/ToastItem.st.css.js CHANGED Viewed

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
-var _namespace_ = "wds_1_1_0_ToastItem";
+var _namespace_ = "wds_1_2_0_ToastItem";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_ToastItem__root","toast":"wds_1_1_0_ToastItem__toast","secondAction":"wds_1_1_0_ToastItem__secondAction","toastText":"wds_1_1_0_ToastItem__toastText","iconContainer":"wds_1_1_0_ToastItem__iconContainer"};
+module.exports.classes = {"root":"wds_1_2_0_ToastItem__root","toast":"wds_1_2_0_ToastItem__toast","secondAction":"wds_1_2_0_ToastItem__secondAction","toastText":"wds_1_2_0_ToastItem__toastText","iconContainer":"wds_1_2_0_ToastItem__iconContainer"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_1_0_ToggleButton";
+var _namespace_ = "wds_1_2_0_ToggleButton";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_ToggleButton__root","label":"wds_1_1_0_ToggleButton__label","icon":"wds_1_1_0_ToggleButton__icon","labelContainer":"wds_1_1_0_ToggleButton__labelContainer","tooltip":"wds_1_1_0_ToggleButton__tooltip"};
+module.exports.classes = {"root":"wds_1_2_0_ToggleButton__root","label":"wds_1_2_0_ToggleButton__label","icon":"wds_1_2_0_ToggleButton__icon","labelContainer":"wds_1_2_0_ToggleButton__labelContainer","tooltip":"wds_1_2_0_ToggleButton__tooltip"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_1_0_ToggleSwitch";
+var _namespace_ = "wds_1_2_0_ToggleSwitch";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_ToggleSwitch__root"};
+module.exports.classes = {"root":"wds_1_2_0_ToggleSwitch__root"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCore.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
-var _namespace_ = "wds_1_1_0_ToggleSwitchCore";
+var _namespace_ = "wds_1_2_0_ToggleSwitchCore";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_ToggleSwitchCore__root","input":"wds_1_1_0_ToggleSwitchCore__input","track":"wds_1_1_0_ToggleSwitchCore__track","knob":"wds_1_1_0_ToggleSwitchCore__knob","knobIcon":"wds_1_1_0_ToggleSwitchCore__knobIcon"};
+module.exports.classes = {"root":"wds_1_2_0_ToggleSwitchCore__root","input":"wds_1_2_0_ToggleSwitchCore__input","track":"wds_1_2_0_ToggleSwitchCore__track","knob":"wds_1_2_0_ToggleSwitchCore__knob","knobIcon":"wds_1_2_0_ToggleSwitchCore__knobIcon"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreColor.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
-var _namespace_ = "wds_1_1_0_ToggleSwitchCoreColor";
+var _namespace_ = "wds_1_2_0_ToggleSwitchCoreColor";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_ToggleSwitchCoreColor__root"};
+module.exports.classes = {"root":"wds_1_2_0_ToggleSwitchCoreColor__root"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreLayout.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
-var _namespace_ = "wds_1_1_0_ToggleSwitchCoreLayout";
+var _namespace_ = "wds_1_2_0_ToggleSwitchCoreLayout";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_ToggleSwitchCoreLayout__root"};
+module.exports.classes = {"root":"wds_1_2_0_ToggleSwitchCoreLayout__root"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreStyle.st.css.js CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
-var _namespace_ = "wds_1_1_0_ToggleSwitchCoreStyle";
+var _namespace_ = "wds_1_2_0_ToggleSwitchCoreStyle";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_ToggleSwitchCoreStyle__root"};
+module.exports.classes = {"root":"wds_1_2_0_ToggleSwitchCoreStyle__root"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_1_0_Tooltip";
+var _namespace_ = "wds_1_2_0_Tooltip";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_Tooltip__root","text-small-normal":"wds_1_1_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_1_0_StylableTypography__text-tiny-thin"};
+module.exports.classes = {"root":"wds_1_2_0_Tooltip__root","text-small-normal":"wds_1_2_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_2_0_StylableTypography__text-tiny-thin"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_1_0_TrendIndicator";
+var _namespace_ = "wds_1_2_0_TrendIndicator";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_TrendIndicator__root","caption-1":"wds_1_1_0_StylableTypography__caption-1","caption":"wds_1_1_0_TrendIndicator__caption","icon":"wds_1_1_0_TrendIndicator__icon"};
+module.exports.classes = {"root":"wds_1_2_0_TrendIndicator__root","caption-1":"wds_1_2_0_StylableTypography__caption-1","caption":"wds_1_2_0_TrendIndicator__caption","icon":"wds_1_2_0_TrendIndicator__icon"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/VariableInput/VariableInput.st.css CHANGED Viewed

@@ -1,7 +1,7 @@
 :import {
     -st-from: '../Foundation/stylable/colors.st.css';
-    -st-named: D80, THEME-COLOR-30, THEME-COLOR-10, F00, THEME-COLOR-50, R10, D40, R30, D10-30, D60, D70
+    -st-named: D80, THEME-COLOR-30, THEME-COLOR-10, F00, THEME-COLOR-50, R10, D40, R30, D10-30, D60, D70, Y10
 }
 :import {
@@ -122,6 +122,15 @@
     box-shadow: 0 0 0 3px value(R30);
 }
+.root:status(warning) :global(.public-DraftEditor-content) {
+  border-color: value(Y10);
+}
+.root:status(warning) :global(.public-DraftEditor-content):focus {
+  border-color: value(Y10);
+  box-shadow: 0 0 0 3px value(Y10);
+}
 .root .indicatorWrapper {
   position: absolute;
   top: 9px;

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_1_0_VariableInput";
+var _namespace_ = "wds_1_2_0_VariableInput";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_VariableInput__root","text-small-normal":"wds_1_1_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_1_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_1_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_1_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_1_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_1_0_VariableInput__tagWrapper","textWrapper":"wds_1_1_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_1_0_VariableInput__indicatorWrapper"};
+module.exports.classes = {"root":"wds_1_2_0_VariableInput__root","text-small-normal":"wds_1_2_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_2_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_2_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_2_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_2_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_2_0_VariableInput__tagWrapper","textWrapper":"wds_1_2_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_2_0_VariableInput__indicatorWrapper"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {};
-module.exports.vars = {"rows":"--wds_1_1_0_VariableInput-rows","rowHeight":"--wds_1_1_0_VariableInput-rowHeight","contentHeight":"--wds_1_1_0_VariableInput-contentHeight"};
+module.exports.vars = {"rows":"--wds_1_2_0_VariableInput-rows","rowHeight":"--wds_1_2_0_VariableInput-rowHeight","contentHeight":"--wds_1_2_0_VariableInput-contentHeight"};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_1_0_VerticalTabs";
+var _namespace_ = "wds_1_2_0_VerticalTabs";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_VerticalTabs__root","number":"wds_1_1_0_VerticalTabs__number","button":"wds_1_1_0_VerticalTabs__button"};
+module.exports.classes = {"root":"wds_1_2_0_VerticalTabs__root","number":"wds_1_2_0_VerticalTabs__number","button":"wds_1_2_0_VerticalTabs__button"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_1_0_VerticalTabsItem";
+var _namespace_ = "wds_1_2_0_VerticalTabsItem";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_0_VerticalTabsItem__root","text":"wds_1_1_0_VerticalTabsItem__text","textButton":"wds_1_1_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_1_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_1_0_VerticalTabsItem__suffixIcon"};
+module.exports.classes = {"root":"wds_1_2_0_VerticalTabsItem__root","text":"wds_1_2_0_VerticalTabsItem__text","textButton":"wds_1_2_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_2_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_2_0_VerticalTabsItem__suffixIcon"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -13,7 +13,7 @@ var _typographySt = require("../typography.st.css.js");
 var _newColorsBrandingSt = require("./newColorsBranding.st.css.js");
 var _colorsSt = require("../colors.st.css.js");
 var _madeforSt = require("./madefor.st.css.js");
-var _excluded = ["dataHook", "className", "as", "children", "features", "typographyClass"];
+var _excluded = ["dataHook", "className", "as", "children", "features", "typographyClass", "theme"];
 var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/WixStyleReactProvider/WixStyleReactProvider.js";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -25,7 +25,8 @@ var WixStyleReactProvider = _ref => {
       as,
       children,
       features,
-      typographyClass
+      typographyClass,
+      theme
     } = _ref,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_context.WixStyleReactContext.Provider, {
@@ -35,12 +36,12 @@ var WixStyleReactProvider = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 22,
       columnNumber: 3
     }
   }, /*#__PURE__*/_react.default.createElement(as, _objectSpread(_objectSpread({}, rest), {}, {
     'data-hook': dataHook,
-    className: (0, _typographySt.st)(_typographySt.classes.root, typographyClass, className, features[_constants.featuresMap.newColorsBranding] ? _newColorsBrandingSt.classes.root : _colorsSt.classes.root, _madeforSt.classes.madefor)
+    className: (0, _typographySt.st)(_typographySt.classes.root, typographyClass, className, features[_constants.featuresMap.newColorsBranding] ? _newColorsBrandingSt.classes.root : _colorsSt.classes.root, _madeforSt.classes.madefor, theme == null ? void 0 : theme.className)
   }), children));
 };
 WixStyleReactProvider.displayName = 'WixStyleReactProvider';
@@ -53,6 +54,8 @@ WixStyleReactProvider.propTypes = {
   as: _propTypes.default.oneOf(['span', 'div']),
   /** A renderable node */
   children: _propTypes.default.node,
+  /** A theme object applied on components */
+  theme: _propTypes.default.object,
   /** Object which represent all features you would like to use. The available features are:
    * - `newColorsBranding`: new business dashboard colors
    * - `sidebarExperimentCollapsible`: sidebar component experiment to enable collapsible feature.
@@ -64,7 +67,8 @@ WixStyleReactProvider.propTypes = {
 };
 WixStyleReactProvider.defaultProps = {
   as: 'span',
-  features: {}
+  features: {},
+  theme: {}
 };
 var _default = WixStyleReactProvider;
 exports.default = _default;