@vibe/core 3.51.1 → 3.51.2-alpha-756f1.0

package/dist/src/components/Slider/SliderHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderHelpers.js","sources":["../../../../src/components/Slider/SliderHelpers.ts"],"sourcesContent":["export function _calcDimension(max: number, min: number, value: number): [number, number] {\n  const valuePoints = max - min;\n  const dimension = Math.round(((value - min) * 100) / valuePoints);\n  return [dimension, dimension];\n}\n\nfunction _ensureSingleValueText(valueText: string, value: number, formatter: (value: number) => string): string {\n  if (valueText) {\n    return valueText;\n  }\n  if (typeof value === \"undefined\") {\n    return undefined;\n  }\n  if (typeof formatter !== \"function\") {\n    return value.toString();\n  }\n  return formatter(value);\n}\n\nfunction _ensureStepModulo(pageStep: number, step: number) {\n  const moduloToStep = pageStep % step;\n  if (moduloToStep === 0) {\n    return pageStep;\n  }\n  return pageStep - moduloToStep;\n}\n\nexport function calcDimensions(max: number, min: number, ranged: boolean, value: number | number[]) {\n  if (!ranged) {\n    const [dimension, position] = _calcDimension(max, min, value as number);\n    return { dimension, offset: 0, positions: [position], thumbKeys: [\"start\"] };\n  }\n  const [val1, val2] = value as number[];\n  const [offset, position] = _calcDimension(max, min, val1);\n  const [dimension, position2] = _calcDimension(max, min, val2);\n  return { dimension, offset, positions: [position, position2], thumbKeys: [\"start\", \"end\"] };\n}\n\nexport function calculatePageStep(max: number, min: number, step: number) {\n  const pageStep = (max - min) / 10;\n  if (pageStep < step) {\n    // too small pageSize --> return step\n    return step;\n  }\n  const fixedPageStep = _ensureStepModulo(Math.round(pageStep), step);\n  if ((max - min) / fixedPageStep > 10) {\n    // too many steps with fixedPageStep - multiply it\n    return 2 * fixedPageStep;\n  }\n  // basic page size is ok\n  return fixedPageStep;\n}\n\nexport function ensureDefaultValue(\n  defaultValue: number | number[],\n  min: number,\n  max: number,\n  ranged: boolean\n): number | number[] {\n  if (ranged && !Array.isArray(defaultValue)) {\n    return [min, max];\n  }\n  if (defaultValue < min) {\n    return min;\n  }\n  if (defaultValue > max) {\n    return max;\n  }\n  return defaultValue;\n}\n\nexport function ensureValueText(\n  valueText: string,\n  value: number | number[],\n  formatter: (value: number) => string\n): string | string[] {\n  if (!Array.isArray(value)) {\n    return _ensureSingleValueText(valueText, value, formatter);\n  }\n  return value.map((valueSingle, index) => {\n    const valueTextSingle = Array.isArray(valueText) ? valueText[index] : undefined;\n    return _ensureSingleValueText(valueTextSingle, valueSingle, formatter);\n  });\n}\n\nexport function getNearest(newValue: number, ranged: boolean, value: number | number[]) {\n  if (!ranged) {\n    return 0;\n  }\n  const diff0 = Math.abs((value as number[])[0] - newValue);\n  const diff1 = Math.abs((value as number[])[1] - newValue);\n  return diff0 > diff1 ? 1 : 0;\n}\n\nexport function moveToPx(offsetInPx: number, min: number, max: number, railCoords: { width: number }, step: number) {\n  const valuePoints = max - min;\n  const pxToValuePoints = railCoords.width / valuePoints;\n  const offsetInValuePoints = Math.round(offsetInPx / pxToValuePoints) + min;\n  const newValue = Math.round(offsetInValuePoints / step) * step;\n  if (newValue < min) {\n    return min;\n  }\n  if (newValue > max) {\n    return max;\n  }\n  return newValue;\n}\n"],"names":["_calcDimension","max","min","value","dimension","Math","round","_ensureSingleValueText","valueText","formatter","calcDimensions","ranged","_calcDimension2","_calcDimension3","_slicedToArray","offset","positions","thumbKeys","_value","val2","_calcDimension4","_calcDimension5","position","_calcDimension6","_calcDimension7","calculatePageStep","step","pageStep","fixedPageStep","moduloToStep","_ensureStepModulo","ensureDefaultValue","defaultValue","Array","isArray","ensureValueText","map","valueSingle","index","undefined","getNearest","newValue","abs","moveToPx","offsetInPx","railCoords","width"],"mappings":"wFAAgBA,EAAeC,EAAaC,EAAaC,GACvD,IACMC,EAAYC,KAAKC,MAAuB,KAAfH,EAAQD,IADnBD,EAAMC,IAE1B,MAAO,CAACE,EAAWA,EACrB,CAEA,SAASG,EAAuBC,EAAmBL,EAAeM,GAChE,OAAID,SAGiB,IAAVL,EAGc,mBAAdM,EACFN,KAEFM,EAAUN,QANjB,EAOF,CAUM,SAAUO,EAAeT,EAAaC,EAAaS,EAAiBR,GACxE,IAAKQ,EAAQ,CACX,IAAAC,EAA8BZ,EAAeC,EAAKC,EAAKC,GAAgBU,EAAAC,EAAAF,EAAA,GACvE,MAAO,CAAER,UADOS,EAAA,GACIE,OAAQ,EAAGC,UAAW,CADhBH,EAAA,IAC4BI,UAAW,CAAC,SACnE,CACD,IAAAC,EAAAJ,EAAqBX,EAAiB,GAAzBgB,EAAID,EAAA,GACjBE,EAA2BpB,EAAeC,EAAKC,EADpCgB,EAAA,IAC8CG,EAAAP,EAAAM,EAAA,GAAlDL,EAAMM,EAAA,GAAEC,EAAQD,EAAA,GACvBE,EAA+BvB,EAAeC,EAAKC,EAAKiB,GAAKK,EAAAV,EAAAS,EAAA,GAC7D,MAAO,CAAEnB,UADOoB,EAAA,GACIT,OAAAA,EAAQC,UAAW,CAACM,EADbE,EAAA,IACmCP,UAAW,CAAC,QAAS,OACrF,UAEgBQ,EAAkBxB,EAAaC,EAAawB,GAC1D,IAAMC,GAAY1B,EAAMC,GAAO,GAC/B,GAAewB,EAAXC,EAEF,OAAOD,EAET,IAAME,EAzBR,SAA2BD,EAAkBD,GAC3C,IAAMG,EAAeF,EAAWD,EAChC,OAAqB,IAAjBG,EACKF,EAEFA,EAAWE,CACpB,CAmBwBC,CAAkBzB,KAAKC,MAAMqB,GAAWD,GAC9D,OAAKzB,EAAMC,GAAO0B,EAAgB,GAEzB,EAAIA,EAGNA,CACT,CAEM,SAAUG,EACdC,EACA9B,EACAD,EACAU,GAEA,OAAIA,IAAWsB,MAAMC,QAAQF,GACpB,CAAC9B,EAAKD,GAEIC,EAAf8B,EACK9B,EAEL8B,EAAe/B,EACVA,EAEF+B,CACT,UAEgBG,EACd3B,EACAL,EACAM,GAEA,OAAKwB,MAAMC,QAAQ/B,GAGZA,EAAMiC,KAAI,SAACC,EAAaC,GAE7B,OAAO/B,EADiB0B,MAAMC,QAAQ1B,GAAaA,EAAU8B,QAASC,EACvBF,EAAa5B,EAC9D,IALSF,EAAuBC,EAAWL,EAAOM,EAMpD,UAEgB+B,EAAWC,EAAkB9B,EAAiBR,GAC5D,OAAKQ,GAGSN,KAAKqC,IAAKvC,EAAmB,GAAKsC,GAClCpC,KAAKqC,IAAKvC,EAAmB,GAAKsC,GACzB,EAJd,CAKX,CAEM,SAAUE,EAASC,EAAoB1C,EAAaD,EAAa4C,EAA+BnB,GACpG,IAGMe,EAAWpC,KAAKC,OADMD,KAAKC,MAAMsC,GADfC,EAAWC,OADf7C,EAAMC,KAE6CA,GACrBwB,GAAQA,EAC1D,OAAexB,EAAXuC,EACKvC,EAELuC,EAAWxC,EACNA,EAEFwC,CACT"}

package/dist/src/components/Slider/SliderHooks.js

@@ -1,2 +0,0 @@
-import{toConsumableArray as n,slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useCallback as r,useMemo as t,useState as u,useRef as i,useEffect as o}from"react";import l from"../../hooks/useResizeObserver.js";import{NOOP as a}from"../../utils/function-utils.js";import{UPDATE_SLIDER_SIZE_DEBOUNCE as c}from"./SliderConstants.js";import{ensureValueText as f}from"./SliderHelpers.js";function s(u,i,o,l,c,f,s,d,v,m,g,h,p){var V=r((function(n){h(n),"function"==typeof s&&s(n)}),[h,s]),b=r((function(n,e){return""===e||Number.isNaN(Number(e))?1===n?c:f:e>c?c:f>e?f:e}),[f,c]),x=r((function(e){var r=n(l()),t=r[1];return 1===e.index?[r[0],b(e.index,e.newValue)]:[b(e.index,e.newValue),t]}),[b,l]),w=r((function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a,t=x(n),u=e(t,2),i=u[0],o=u[1];return o>i?[i,o]:(r(0===n.index?1:0),[o,i])}),[x]),j=r((function(n){v(n),m(n),g(n)}),[v,m,g]),C=r((function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(d){var r=w({newValue:n,index:null!=e?e:i},arguments.length>2&&void 0!==arguments[2]&&arguments[2]?a:m);V(r)}else V(b(null,n))}),[V,w,b,i,d,m]),T=r((function(n){var e;if(d){var r={newValue:n,index:null!==(e=o())&&void 0!==e?e:0},t=w(r,j);V(t)}else V(b(null,n))}),[V,w,j,b,o,d]),N=r((function(n){var e=d?u[i]:u;e!==f&&C(e-(n||p))}),[u,C,i,f,d,p]),S=r((function(n){var e=d?u[i]:u;e!==c&&C(e+(n||p))}),[u,C,i,c,d,p]);return t((function(){return{changeThumbValue:C,decreaseValue:N,drugThumb:T,increaseValue:S,setActive:v,setDragging:g,setFocused:m}}),[C,N,T,S,v,g,m])}function d(){var n=u(null),t=e(n,2),o=t[0],l=t[1],a=i(null);return[o,r((function(n){l(n),a.current=n}),[l,a]),r((function(){return a.current}),[a])]}function v(){var n=i(null),t=u({left:0,right:100,width:100}),a=e(t,2),f=a[0],s=a[1],d=r((function(){if(n.current){var e=n.current.getBoundingClientRect();s({left:e.left,right:e.right,width:e.width})}}),[n,s]);return l({ref:n,callback:d,debounceTime:c}),o((function(){d()}),[d]),{railCoords:f,railRef:n}}function m(n,t,l,c){var s=function(n){var r=u(void 0!==n);return e(r,1)[0]}(t),d=function(n,r,t){var i=u(r?t:n),o=e(i,2);return r?[t,a]:[o[0],o[1]]}(n,s,t),v=e(d,2),m=v[0],g=v[1],h=i(m);o((function(){s&&h.current!==m&&(h.current=m)}),[s,m]);var p=r((function(n){g(n),h.current=n}),[h,g]),V=f(c,m,l);return{actualValue:m,actualValueText:V,getSelectedValue:function(){return h.current},isControlled:s,setSelectedValue:p}}export{d as useDragging,s as useSliderActionsContextValue,v as useSliderRail,m as useSliderValues};
-//# sourceMappingURL=SliderHooks.js.map

package/dist/src/components/Slider/SliderHooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderHooks.js","sources":["../../../../src/components/Slider/SliderHooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useResizeObserver from \"../../hooks/useResizeObserver\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { UPDATE_SLIDER_SIZE_DEBOUNCE } from \"./SliderConstants\";\nimport { ensureValueText } from \"./SliderHelpers\";\n\nfunction _useIsStateControlledFromOutside(value: number | number[]): boolean {\n  const [isControlled] = useState(typeof value !== \"undefined\");\n  return isControlled;\n}\n\nfunction _useSliderValue(\n  defaultValue: number | number[],\n  isControlled: boolean,\n  value: number | number[]\n): [number | number[], (value: number | number[]) => void] {\n  const initialValue = isControlled ? value : defaultValue;\n  const [internalStateValue, setInternalStateValue] = useState(initialValue);\n  if (isControlled) {\n    return [value as number, NOOP];\n  }\n  return [internalStateValue, setInternalStateValue];\n}\n\nexport function useSliderActionsContextValue(\n  actualValue: number | number[],\n  focused: number,\n  getDragging: () => number,\n  getSelectedValue: () => number | number[],\n  max: number,\n  min: number,\n  onChange: (value: number | number[]) => void,\n  ranged: boolean,\n  setActive: (value: number) => void,\n  setFocused: (value: number) => void,\n  setDragging: (value: number) => void,\n  setSelectedValue: (value: number | number[]) => void,\n  step: number\n) {\n  const _changeValueOrValues = useCallback(\n    (newValueOrValues: number | number[]) => {\n      setSelectedValue(newValueOrValues);\n      if (typeof onChange === \"function\") {\n        onChange(newValueOrValues);\n      }\n    },\n    [setSelectedValue, onChange]\n  );\n\n  const _validateValue = useCallback(\n    (index: number, newValue: number | number[] | string): number => {\n      if (newValue === \"\" || Number.isNaN(Number(newValue))) {\n        return index === 1 ? max : min;\n      }\n      if (newValue > max) {\n        return max;\n      }\n      if (newValue < min) {\n        return min;\n      }\n      return newValue as number;\n    },\n    [min, max]\n  );\n\n  const _calculateNewValues = useCallback(\n    (thumb: { index: number; newValue: number | number[] | string }): number[] => {\n      const [startValue, endValue] = [...(getSelectedValue() as number[])];\n      if (thumb.index === 1) {\n        return [startValue, _validateValue(thumb.index, thumb.newValue)];\n      }\n      return [_validateValue(thumb.index, thumb.newValue), endValue];\n    },\n    [_validateValue, getSelectedValue]\n  );\n\n  const _manageRangedValues = useCallback(\n    (thumb: { index: number; newValue: number | number[] | string }, switchCb: (value: number) => void = NOOP) => {\n      const [startValue, endValue] = _calculateNewValues(thumb);\n      if (startValue < endValue) {\n        // no need to switch, same thumb stay active\n        return [startValue, endValue];\n      }\n      // switch active thumb + end and start values\n      switchCb(thumb.index === 0 ? 1 : 0);\n      return [endValue, startValue];\n    },\n    [_calculateNewValues]\n  );\n\n  const _switchDraggingThumb = useCallback(\n    (switchTo: number) => {\n      setActive(switchTo);\n      setFocused(switchTo);\n      setDragging(switchTo);\n    },\n    [setActive, setFocused, setDragging]\n  );\n\n  const changeThumbValue = useCallback(\n    (newValue: number | string, thumbIndex: number = undefined, cancelFocus = false) => {\n      if (!ranged) {\n        _changeValueOrValues(_validateValue(null, newValue));\n        return;\n      }\n      const currentThumb = { newValue, index: thumbIndex ?? focused };\n      const switchCb = cancelFocus ? NOOP : setFocused;\n      const newValues = _manageRangedValues(currentThumb, switchCb);\n      _changeValueOrValues(newValues);\n    },\n    [_changeValueOrValues, _manageRangedValues, _validateValue, focused, ranged, setFocused]\n  );\n\n  const drugThumb = useCallback(\n    (newValue: number | number[]) => {\n      if (!ranged) {\n        _changeValueOrValues(_validateValue(null, newValue));\n        return;\n      }\n      const currentThumb = { newValue, index: getDragging() ?? 0 };\n      const newValues = _manageRangedValues(currentThumb, _switchDraggingThumb);\n      _changeValueOrValues(newValues);\n    },\n    [_changeValueOrValues, _manageRangedValues, _switchDraggingThumb, _validateValue, getDragging, ranged]\n  );\n\n  const decreaseValue = useCallback(\n    (consumerStep: number) => {\n      const currentValue = ranged ? (actualValue as number[])[focused] : (actualValue as number);\n      if (currentValue === min) {\n        return;\n      }\n      const finalStep = consumerStep || step;\n      const newValue = currentValue - finalStep;\n      changeThumbValue(newValue);\n    },\n    [actualValue, changeThumbValue, focused, min, ranged, step]\n  );\n\n  const increaseValue = useCallback(\n    (consumerStep?: number) => {\n      const currentValue = ranged ? (actualValue as number[])[focused] : (actualValue as number);\n      if (currentValue === max) {\n        return;\n      }\n      const finalStep = consumerStep || step;\n      const newValue = currentValue + finalStep;\n      changeThumbValue(newValue);\n    },\n    [actualValue, changeThumbValue, focused, max, ranged, step]\n  );\n\n  return useMemo(\n    () => ({\n      changeThumbValue,\n      decreaseValue,\n      drugThumb,\n      increaseValue,\n      setActive,\n      setDragging,\n      setFocused\n    }),\n    [changeThumbValue, decreaseValue, drugThumb, increaseValue, setActive, setDragging, setFocused]\n  );\n}\n\nexport function useDragging(): [number, (value: number) => void, () => number] {\n  const [dragging, setStateDragging] = useState<number>(null);\n  const draggingRef = useRef(null);\n\n  const setDragging = useCallback(\n    (index: number) => {\n      setStateDragging(index);\n      draggingRef.current = index;\n    },\n    [setStateDragging, draggingRef]\n  );\n  const getDragging = useCallback(() => draggingRef.current, [draggingRef]);\n  return [dragging, setDragging, getDragging];\n}\n\nexport function useSliderRail() {\n  const railRef = useRef(null);\n  const [railCoords, setRailCoords] = useState({ left: 0, right: 100, width: 100 });\n\n  const defineRailCoords = useCallback(() => {\n    if (!railRef.current) {\n      return;\n    }\n    const railRect = railRef.current.getBoundingClientRect();\n    const { left, right, width } = railRect;\n    setRailCoords({ left, right, width });\n  }, [railRef, setRailCoords]);\n\n  useResizeObserver({\n    ref: railRef,\n    callback: defineRailCoords,\n    debounceTime: UPDATE_SLIDER_SIZE_DEBOUNCE\n  });\n\n  useEffect(() => {\n    defineRailCoords();\n  }, [defineRailCoords]);\n\n  return { railCoords, railRef };\n}\n\nexport function useSliderValues(\n  defaultValue: number | number[],\n  value: number | number[],\n  valueFormatter: (value: number) => string,\n  valueText: string\n): {\n  actualValue: number | number[];\n  actualValueText: string | string[];\n  getSelectedValue: () => number | number[];\n  isControlled: boolean;\n  setSelectedValue: (value: number) => void;\n} {\n  const isControlled = _useIsStateControlledFromOutside(value);\n  const [actualValue, setStateSelectedValue] = _useSliderValue(defaultValue, isControlled, value);\n  const valueRef = useRef(actualValue);\n\n  // Update ref when actualValue was changed from outside in controlled mode\n  useEffect(() => {\n    if (isControlled && valueRef.current !== actualValue) {\n      valueRef.current = actualValue;\n    }\n  }, [isControlled, actualValue]);\n\n  const setSelectedValue = useCallback(\n    (newValue: number) => {\n      setStateSelectedValue(newValue);\n      valueRef.current = newValue;\n    },\n    [valueRef, setStateSelectedValue]\n  );\n\n  const getSelectedValue = () => valueRef.current;\n\n  const actualValueText = ensureValueText(valueText, actualValue, valueFormatter);\n  return { actualValue, actualValueText, getSelectedValue, isControlled, setSelectedValue };\n}\n"],"names":["useSliderActionsContextValue","actualValue","focused","getDragging","getSelectedValue","max","min","onChange","ranged","setActive","setFocused","setDragging","setSelectedValue","step","_changeValueOrValues","useCallback","newValueOrValues","_validateValue","index","newValue","Number","isNaN","_calculateNewValues","thumb","_ref","_toConsumableArray","endValue","_manageRangedValues","switchCb","arguments","length","undefined","NOOP","_calculateNewValues2","_calculateNewValues3","_slicedToArray","startValue","_switchDraggingThumb","switchTo","changeThumbValue","thumbIndex","newValues","drugThumb","currentThumb","_a","decreaseValue","consumerStep","currentValue","increaseValue","useMemo","useDragging","_useState5","useState","_useState6","dragging","setStateDragging","draggingRef","useRef","current","useSliderRail","railRef","_useState7","left","right","width","_useState8","railCoords","setRailCoords","defineRailCoords","railRect","getBoundingClientRect","useResizeObserver","ref","callback","debounceTime","UPDATE_SLIDER_SIZE_DEBOUNCE","useEffect","useSliderValues","defaultValue","value","valueFormatter","valueText","isControlled","_useState","_useIsStateControlledFromOutside","_useSliderValue2","_useState3","_useState4","_useSliderValue","_useSliderValue3","setStateSelectedValue","valueRef","actualValueText","ensureValueText"],"mappings":"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"}

package/dist/src/components/Slider/SliderInfix.js

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import s from"react";import{InfixKind as o}from"./SliderConstants.js";import{useSliderInfixComponent as i}from"./SliderInfixHooks.js";import t from"classnames";import{getStyle as e}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import l from"./SliderInfix.module.scss.js";var p=m((function o(m){var p=m.kind,a=void 0===p?o.kinds.PREFIX:p,n=i(a),f=r(n,4),d=f[1],c=f[2],u=f[3];return f[0]&&s.createElement("div",{className:t(l.infix,e(l,a),d.map((function(r){return e(l,r)}))),style:u},c)}),{kinds:o});export{p as default};
-//# sourceMappingURL=SliderInfix.js.map

package/dist/src/components/Slider/SliderInfix.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderInfix.js","sources":["../../../../src/components/Slider/SliderInfix.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { InfixKind as InfixKindEnum } from \"./SliderConstants\";\nimport { useSliderInfixComponent } from \"./SliderInfixHooks\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./SliderInfix.module.scss\";\nimport { InfixKind } from \"./Slider.types\";\n\nexport interface SliderInfixProps extends VibeComponentProps {\n  /**\n   * Specifies the type of infix (prefix or postfix).\n   */\n  kind?: InfixKind;\n}\n\nconst SliderInfix: FC<SliderInfixProps> & { kinds?: typeof InfixKindEnum } = ({ kind = SliderInfix.kinds.PREFIX }) => {\n  const [isShow, modificators, InfixComponent, inlineStyle] = useSliderInfixComponent(kind);\n  return (\n    isShow && (\n      <div\n        className={cx(\n          styles.infix,\n          getStyle(styles, kind),\n          modificators.map(m => getStyle(styles, m))\n        )}\n        style={inlineStyle}\n      >\n        {InfixComponent}\n      </div>\n    )\n  );\n};\n\nexport default withStaticPropsWithoutForwardRef<SliderInfixProps, { kinds: typeof InfixKindEnum }>(SliderInfix, {\n  kinds: InfixKindEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","SliderInfix","_ref","_ref$kind","kind","kinds","PREFIX","_useSliderInfixCompon","useSliderInfixComponent","_useSliderInfixCompon2","_slicedToArray","modificators","InfixComponent","inlineStyle","React","className","cx","styles","infix","getStyle","map","m","style","InfixKindEnum"],"mappings":"0dAgBA,IAkBeA,EAAAA,GAlB8D,SAAvEC,EAAWC,GAAoG,IAAAC,EAAAD,EAArCE,KAAAA,OAAOH,IAAHE,EAAGF,EAAYI,MAAMC,OAAMH,EAC7GI,EAA4DC,EAAwBJ,GAAKK,EAAAC,EAAAH,EAAA,GAA1EI,EAAYF,EAAA,GAAEG,EAAcH,EAAA,GAAEI,EAAWJ,EAAA,GACxD,OADaA,EAAA,IAGTK,uBACEC,UAAWC,EACTC,EAAOC,MACPC,EAASF,EAAQb,GACjBO,EAAaS,KAAI,SAAAC,GAAC,OAAIF,EAASF,EAAQI,EAAE,KAE3CC,MAAOT,GAEND,EAIT,GAEgH,CAC9GP,MAAOkB"}

package/dist/src/components/Slider/SliderInfix.module.scss.js

@@ -1,2 +0,0 @@
-var e={infix:"infix_6958cb2bc3",txt:"txt_0ab692996c",prefix:"prefix_573b783c47",postfix:"postfix_ae310b8c2f"};!function(e){const n="s_id-4fd2a8cee614_3_51_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_6958cb2bc3 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_0ab692996c {\n  white-space: nowrap;\n}\n\n.prefix_573b783c47 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_ae310b8c2f {\n  margin-left: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=SliderInfix.module.scss.js.map

package/dist/src/components/Slider/SliderInfix.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderInfix.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Slider/SliderInfixHooks.js

@@ -1,2 +0,0 @@
-import{typeof as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import i from"react";import n from"../Icon/Icon.js";import{useSliderInfix as r,useSliderSelection as o}from"./SliderContext.js";import c from"./SelectionIndicator.js";var l={clickable:!1,iconSize:18,ignoreFocusStyle:!0};function a(a){var s="postfix"===a,m=r(),f=m.prefix,p=m.postfix,u=m.indicateSelection,d=m.selectionIndicatorWidth,g=o(),j=g.value,v=g.valueText,x=s?p:f;if(u&&(s||g.ranged))return[!0,[],i.createElement(c,{key:a,kind:a}),{width:d}];if("object"===e(x)&&x.icon){var b=x.icon,y=t(x,["icon"]),S=Object.assign(Object.assign({},l),y);return[!0,[],i.createElement(n,Object.assign({key:"infix-icon",icon:b},S)),{}]}return"function"==typeof x?[!0,[],x(j,v),{}]:"string"==typeof x?[!0,["txt"],i.createElement(i.Fragment,null,x),{}]:void 0===x?[!1,[],null,{}]:[!0,[],i.createElement(i.Fragment,null,x),{}]}export{a as useSliderInfixComponent};
-//# sourceMappingURL=SliderInfixHooks.js.map

package/dist/src/components/Slider/SliderInfixHooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderInfixHooks.js","sources":["../../../../src/components/Slider/SliderInfixHooks.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement } from \"react\";\nimport Icon from \"../../components/Icon/Icon\";\nimport { InfixKind } from \"./Slider.types\";\nimport { useSliderInfix, useSliderSelection } from \"./SliderContext\";\nimport SelectionIndicator from \"./SelectionIndicator\";\nimport { IconType } from \"../Icon\";\n\nconst defaultIconProps = {\n  clickable: false,\n  iconSize: 18,\n  ignoreFocusStyle: true\n};\n\nexport function useSliderInfixComponent(kind: InfixKind): [boolean, string[], ReactElement, CSSProperties] {\n  const isPostfix = kind === \"postfix\";\n  const { prefix, postfix, indicateSelection, selectionIndicatorWidth } = useSliderInfix();\n  const { ranged, value, valueText } = useSliderSelection();\n  const infix = isPostfix ? postfix : prefix;\n\n  if (indicateSelection && (isPostfix || ranged)) {\n    return [true, [], <SelectionIndicator key={kind} kind={kind} />, { width: selectionIndicatorWidth }];\n  }\n  if (typeof infix === \"object\" && (infix as { icon: IconType }).icon) {\n    const { icon, ...restIconProps } = infix as { icon: IconType };\n    const iconProps = { ...defaultIconProps, ...restIconProps };\n    return [true, [], <Icon key=\"infix-icon\" icon={icon} {...iconProps} />, {}];\n  }\n  if (typeof infix === \"function\") {\n    return [true, [], infix(value, valueText), {}];\n  }\n  if (typeof infix === \"string\") {\n    return [true, [\"txt\"], <>{infix}</>, {}];\n  }\n  if (typeof infix === \"undefined\") {\n    return [false, [], null, {}];\n  }\n  return [true, [], <>{infix}</>, {}];\n}\n"],"names":["defaultIconProps","clickable","iconSize","ignoreFocusStyle","useSliderInfixComponent","kind","isPostfix","_useSliderInfix","useSliderInfix","prefix","postfix","indicateSelection","selectionIndicatorWidth","_useSliderSelection","useSliderSelection","value","valueText","infix","ranged","React","createElement","SelectionIndicator","key","width","_typeof","icon","restIconProps","__rest","iconProps","Object","assign","Icon","Fragment"],"mappings":"oSAOA,IAAMA,EAAmB,CACvBC,WAAW,EACXC,SAAU,GACVC,kBAAkB,GAGd,SAAUC,EAAwBC,GACtC,IAAMC,EAAqB,YAATD,EAClBE,EAAwEC,IAAhEC,EAAMF,EAANE,OAAQC,EAAOH,EAAPG,QAASC,EAAiBJ,EAAjBI,kBAAmBC,EAAuBL,EAAvBK,wBAC5CC,EAAqCC,IAArBC,EAAKF,EAALE,MAAOC,EAASH,EAATG,UACjBC,EAAQX,EAAYI,EAAUD,EAEpC,GAAIE,IAAsBL,GAHZO,EAANK,QAIN,MAAO,EAAC,EAAM,GAAIC,EAACC,cAAAC,EAAmB,CAAAC,IAAKjB,EAAMA,KAAMA,IAAU,CAAEkB,MAAOX,IAE5E,GAAqB,WAAjBY,EAAOP,IAAuBA,EAA6BQ,KAAM,CAC7D,IAAEA,EAA2BR,EAA3BQ,KAASC,EAAaC,EAAKV,EAA7B,CAA0B,SAC1BW,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GAAA9B,GAAqB0B,GAC5C,MAAO,EAAC,EAAM,GAAIP,EAACC,cAAAW,iBAAKT,IAAI,aAAaG,KAAMA,GAAUG,IAAe,CAAA,EACzE,CACD,MAAqB,mBAAVX,EACF,EAAC,EAAM,GAAIA,EAAMF,EAAOC,GAAY,CAAA,GAExB,iBAAVC,EACF,EAAC,EAAM,CAAC,OAAQE,EAAAC,cAAAD,EAAAa,SAAA,KAAGf,GAAW,CAAE,QAEpB,IAAVA,EACF,EAAC,EAAO,GAAI,KAAM,CAAE,GAEtB,EAAC,EAAM,GAAIE,EAAGC,cAAAD,EAAAa,SAAA,KAAAf,GAAW,CAAE,EACpC"}

package/dist/src/components/SplitButton/SplitButton.js

@@ -1,2 +0,0 @@
-import{slicedToArray as o,defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{camelCase as n}from"lodash-es";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import d,{useState as c,useRef as m,useCallback as u,useMemo as g}from"react";import{SplitButtonSecondaryContentPosition as p,ENTER_KEYS as f,DEFAULT_DIALOG_SHOW_TRIGGER as D,DEFAULT_DIALOG_HIDE_TRIGGER as v,DIALOG_MOVE_BY as y,SECONDARY_BUTTON_ARIA_LABEL as C,SECONDARY_BUTTON_WRAPPER_CLASSNAME as T}from"./SplitButtonConstants.js";import{withStaticPropsWithoutForwardRef as S}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HideShowEvent as N,AnimationType as b}from"../Dialog/DialogConstants.js";import{NOOP as h}from"../../utils/function-utils.js";import{isInsideClass as k}from"../../utils/dom-utils.js";import P from"../../hooks/useKeyEvent/index.js";import j from"../../hooks/useEventListener/index.js";import I from"../Button/Button.js";import B from"../Dialog/Dialog.js";import O from"../DialogContentContainer/DialogContentContainer.js";import E from"./SplitButton.module.scss.js";import{ComponentVibeId as _}from"../../tests/constants.js";import z from"../../../icons/dist/react/DropdownChevronDown.js";var w=function(p){var S=p.secondaryDialogContent,w=p.onSecondaryDialogDidShow,L=void 0===w?h:w,A=p.onSecondaryDialogDidHide,x=void 0===A?h:A,R=p.shouldCloseOnClickInsideDialog,H=p.zIndex,U=void 0===H?null:H,M=p.secondaryDialogClassName,F=p.secondaryDialogPosition,K=void 0===F?"bottom-start":F,W=p.dialogContainerSelector,Y=p.dialogPaddingSize,V=void 0===Y?"medium":Y,X=p.disabled,q=p.loading,G=p.kind,J=p.color,Q=p.className,Z=p.leftIcon,$=p.rightIcon,oo=p.onClick,eo=p.children,to=p.marginLeft,io=p.marginRight,no=p.active,ao=p.id,ro=p["data-testid"],so=i(p,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),lo=c(!1),co=o(lo,2),mo=co[0],uo=co[1],go=c(!1),po=o(go,2),fo=po[0],Do=po[1],vo=c(!1),yo=o(vo,2),Co=yo[0],To=yo[1],So=m(null),No=m(null),bo=u((function(){return Do(!0)}),[Do]),ho=u((function(){return Do(!1)}),[Do]),ko=u((function(o){return!X&&!k(o.target,T)}),[X]),Po=u((function(o){ko(o)&&To(!0)}),[To,ko]),jo=u((function(){return To(!1)}),[To]),Io=u((function(o){ko(o)&&To(!0)}),[To,ko]),Bo=u((function(){uo(!0),L()}),[uo,L]),Oo=u((function(o,e){uo(!1),x(),"esckey"===e&&No.current.focus()}),[uo,x]);j({eventName:"mouseenter",callback:bo,ref:So}),j({eventName:"mouseleave",callback:ho,ref:So}),j({eventName:"mousedown",callback:Po,ref:So}),j({eventName:"mouseup",callback:jo,ref:So}),j({eventName:"transitionend",callback:jo,ref:So}),P({keys:f,ref:So,callback:Io});var Eo=g((function(){return l(E.button,a(E,n("kind-"+G)),a(E,n("color-"+J)),e(e(e(e(e({},E.mainActive,no),E.active,Co),E.splitContentOpen,mo),E.hovered,fo),E.disabled,X),Q)}),[Q,G,J,no,Co,mo,fo,X]),_o=g((function(){return X?[]:D}),[X]),zo=g((function(){return R?[].concat(t(v),[N.CONTENT_CLICK]):v}),[R]),wo=u((function(){var o="function"==typeof S?S():S;return d.createElement(O,{type:O.types.POPOVER,size:V},o)}),[S,V]),Lo=g((function(){return"bottom"===K?"":"bottom-start"===K?"bottom":"top"}),[K]);return d.createElement("div",{className:Eo,ref:So,id:ao,"data-testid":ro||r(s.SPLIT_BUTTON,ao),"data-vibe":_.SPLIT_BUTTON},d.createElement(I,Object.assign({},so,{preventClickAnimation:!0,leftIcon:Z,rightIcon:$,rightFlat:!0,color:J,kind:G,active:no,onClick:oo,className:E.mainButton,marginLeft:to,onFocus:bo,onBlur:ho,disabled:X,loading:q,"data-testid":r(s.SPLIT_BUTTON_PRIMARY_BUTTON,ao)}),eo),d.createElement("div",{className:E.secondaryButtonWrapper},d.createElement(B,{wrapperClassName:M,zIndex:U,content:wo,position:K,containerSelector:W,startingEdge:Lo,animationType:b.EXPAND,moveBy:y,onDialogDidShow:Bo,onDialogDidHide:Oo,showTrigger:_o,hideTrigger:zo},d.createElement(I,Object.assign({},so,{ref:No,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:J,kind:G,className:E.secondaryButton,active:mo,marginRight:io,onFocus:bo,onBlur:ho,disabled:X,ariaLabel:C,ariaHasPopup:!0,ariaExpanded:mo,"data-testid":r(s.SPLIT_BUTTON_SECONDARY_BUTTON,ao)}),d.createElement("div",{className:E.secondaryButtonIconWrapper},d.createElement(z,{"aria-hidden":"true"}))))))};w.defaultProps=Object.assign(Object.assign({},I.defaultProps),{onSecondaryDialogDidShow:h,onSecondaryDialogDidHide:h,zIndex:null,secondaryDialogClassName:"",secondaryDialogPosition:p.BOTTOM_START,dialogPaddingSize:O.sizes.MEDIUM});var L=S(w,{secondaryPositions:p,secondaryDialogPositions:p,sizes:I.sizes,colors:I.colors,kinds:I.kinds,inputTags:I.inputTags,dialogPaddingSizes:O.sizes});export{L as default};
-//# sourceMappingURL=SplitButton.js.map

package/dist/src/components/SplitButton/SplitButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n  DEFAULT_DIALOG_HIDE_TRIGGER,\n  DEFAULT_DIALOG_SHOW_TRIGGER,\n  DIALOG_MOVE_BY,\n  ENTER_KEYS,\n  SECONDARY_BUTTON_ARIA_LABEL,\n  SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n  SplitButtonSecondaryContentPosition,\n  SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { AnimationType, DialogPosition, HideShowEvent } from \"../Dialog/DialogConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport styles from \"./SplitButton.module.scss\";\nimport { DialogSize, DialogTriggerEvent } from \"../Dialog\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SplitButtonProps extends ButtonProps {\n  /**\n   * The element or renderer that is displayed inside the dialog opened by clicking the secondary button.\n   */\n  secondaryDialogContent?: ReactElement | (() => string | ReactElement);\n  /**\n   * Callback fired when the secondary dialog is shown.\n   */\n  onSecondaryDialogDidShow?: () => void;\n  /**\n   * Callback fired when the secondary dialog is hidden.\n   */\n  onSecondaryDialogDidHide?: () => void;\n  /**\n   * The z-index applied to the secondary dialog.\n   */\n  zIndex?: number;\n  /**\n   * Class name applied to the wrapper of the secondary dialog.\n   */\n  secondaryDialogClassName?: string;\n  /**\n   * The position of the secondary dialog.\n   */\n  secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n  /**\n   * The padding size inside the secondary dialog.\n   */\n  dialogPaddingSize?: DialogSize;\n  /**\n   * The CSS selector of the container where the dialog should be rendered.\n   */\n  dialogContainerSelector?: string;\n  /**\n   * If true, clicking inside the dialog will close it.\n   */\n  shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton = ({\n  secondaryDialogContent,\n  onSecondaryDialogDidShow = NOOP,\n  onSecondaryDialogDidHide = NOOP,\n  shouldCloseOnClickInsideDialog,\n  zIndex = null,\n  secondaryDialogClassName,\n  secondaryDialogPosition = \"bottom-start\",\n  dialogContainerSelector,\n  dialogPaddingSize = \"medium\",\n  disabled,\n  // success mode not working right now, need to fix it in different pr\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  success,\n  loading,\n  kind,\n  color,\n  className,\n  leftIcon,\n  rightIcon,\n  onClick,\n  children,\n  marginLeft,\n  marginRight,\n  active,\n  id,\n  \"data-testid\": dataTestId,\n  ...buttonProps\n}: SplitButtonProps) => {\n  // State //\n  const [isDialogOpen, setDialogOpen] = useState(false);\n  const [isHovered, setIsHover] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n\n  // Refs //\n  const ref = useRef(null);\n  const secondaryButtonRef = useRef(null);\n\n  // Callbacks //\n  const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n  const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n  const shouldSetActive = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (disabled) return false;\n      return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n    },\n    [disabled]\n  );\n\n  const setActive = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (!shouldSetActive(e)) return;\n      setIsActive(true);\n    },\n    [setIsActive, shouldSetActive]\n  );\n  const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n  const setActiveOnEnter = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (!shouldSetActive(e)) return;\n      setIsActive(true);\n    },\n    [setIsActive, shouldSetActive]\n  );\n\n  const showDialog = useCallback(() => {\n    setDialogOpen(true);\n    onSecondaryDialogDidShow();\n  }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n  const hideDialog = useCallback(\n    (_: DialogEvent, eventName: DialogTriggerEvent) => {\n      setDialogOpen(false);\n      onSecondaryDialogDidHide();\n      if (eventName === \"esckey\") {\n        secondaryButtonRef.current.focus();\n      }\n    },\n    [setDialogOpen, onSecondaryDialogDidHide]\n  );\n\n  // Event listeners //\n\n  // Used to set both buttons as hovered no matter what button was hovered\n  useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n  useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n  useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n  useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n  // Used to finish active transition if clicked on enter\n  useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n  // Key events\n  useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n  const classNames = useMemo(\n    () =>\n      cx(\n        styles.button,\n        getStyle(styles, camelCase(\"kind-\" + kind)),\n        getStyle(styles, camelCase(\"color-\" + color)),\n        {\n          [styles.mainActive]: active,\n          [styles.active]: isActive,\n          [styles.splitContentOpen]: isDialogOpen,\n          [styles.hovered]: isHovered,\n          [styles.disabled]: disabled\n        },\n        className\n      ),\n    [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n  );\n\n  const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n  const dialogHideTrigger = useMemo(() => {\n    if (shouldCloseOnClickInsideDialog) return [...DEFAULT_DIALOG_HIDE_TRIGGER, HideShowEvent.CONTENT_CLICK];\n    return DEFAULT_DIALOG_HIDE_TRIGGER;\n  }, [shouldCloseOnClickInsideDialog]);\n\n  const actionsContent = useCallback(() => {\n    const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n    return (\n      <DialogContentContainer type={DialogContentContainer.types.POPOVER} size={dialogPaddingSize}>\n        {content}\n      </DialogContentContainer>\n    );\n  }, [secondaryDialogContent, dialogPaddingSize]);\n\n  const animationEdgePosition = useMemo(() => {\n    if (secondaryDialogPosition === \"bottom\") {\n      return \"\";\n    }\n    if (secondaryDialogPosition === \"bottom-start\") {\n      return \"bottom\";\n    }\n\n    return \"top\";\n  }, [secondaryDialogPosition]);\n\n  return (\n    <div\n      className={classNames}\n      ref={ref}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n      data-vibe={ComponentVibeId.SPLIT_BUTTON}\n    >\n      <Button\n        {\n          ...buttonProps /* We are enriching button with other props so we must use spreading */\n        }\n        preventClickAnimation\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        rightFlat\n        color={color}\n        kind={kind}\n        active={active}\n        onClick={onClick}\n        className={styles.mainButton}\n        marginLeft={marginLeft}\n        onFocus={setHovered}\n        onBlur={setNotHovered}\n        disabled={disabled}\n        loading={loading}\n        data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n      >\n        {children}\n      </Button>\n      <div className={styles.secondaryButtonWrapper}>\n        <Dialog\n          wrapperClassName={secondaryDialogClassName}\n          zIndex={zIndex}\n          content={actionsContent}\n          position={secondaryDialogPosition as DialogPosition}\n          containerSelector={dialogContainerSelector}\n          startingEdge={animationEdgePosition}\n          animationType={AnimationType.EXPAND}\n          moveBy={DIALOG_MOVE_BY}\n          onDialogDidShow={showDialog}\n          onDialogDidHide={hideDialog}\n          showTrigger={dialogShowTrigger}\n          hideTrigger={dialogHideTrigger}\n        >\n          <Button\n            {...buttonProps}\n            ref={secondaryButtonRef}\n            preventClickAnimation\n            leftFlat\n            noSidePadding\n            color={color}\n            kind={kind}\n            className={styles.secondaryButton}\n            active={isDialogOpen}\n            marginRight={marginRight}\n            onFocus={setHovered}\n            onBlur={setNotHovered}\n            disabled={disabled}\n            ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n            ariaHasPopup\n            ariaExpanded={isDialogOpen}\n            data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n          >\n            <div className={styles.secondaryButtonIconWrapper}>\n              <DropdownChevronDown aria-hidden=\"true\" />\n            </div>\n          </Button>\n        </Dialog>\n      </div>\n    </div>\n  );\n};\n\nSplitButton.defaultProps = {\n  ...Button.defaultProps,\n  onSecondaryDialogDidShow: NOOP,\n  onSecondaryDialogDidHide: NOOP,\n  zIndex: null,\n  secondaryDialogClassName: \"\",\n  secondaryDialogPosition: SplitButtonSecondaryContentPosition.BOTTOM_START,\n  dialogPaddingSize: DialogContentContainer.sizes.MEDIUM\n};\n\ninterface SplitButtonStaticProps {\n  secondaryPositions: typeof SplitButtonSecondaryContentPosition;\n  secondaryDialogPositions: typeof SplitButtonSecondaryContentPosition;\n  sizes: typeof Button.sizes;\n  colors: typeof Button.colors;\n  kinds: typeof Button.kinds;\n  inputTags: typeof Button.inputTags;\n  dialogPaddingSizes: typeof DialogContentContainer.sizes;\n}\n\nexport default withStaticPropsWithoutForwardRef<SplitButtonProps, SplitButtonStaticProps>(SplitButton, {\n  secondaryPositions: SplitButtonSecondaryContentPosition,\n  secondaryDialogPositions: SplitButtonSecondaryContentPosition,\n  sizes: Button.sizes,\n  colors: Button.colors,\n  kinds: Button.kinds,\n  inputTags: Button.inputTags,\n  dialogPaddingSizes: DialogContentContainer.sizes\n});\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","HideShowEvent","CONTENT_CLICK","actionsContent","content","React","createElement","DialogContentContainer","type","types","POPOVER","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","ComponentVibeId","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","AnimationType","EXPAND","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown","defaultProps","SplitButtonSecondaryContentPosition","BOTTOM_START","sizes","MEDIUM","withStaticPropsWithoutForwardRef","secondaryPositions","secondaryDialogPositions","colors","kinds","inputTags","dialogPaddingSizes"],"mappings":"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"}

package/dist/src/components/SplitButton/SplitButton.module.scss.js

@@ -1,2 +0,0 @@
-var e={button:"button_0ae496e81a",mainButton:"mainButton_71b0c84bf3",secondaryButton:"secondaryButton_4bca65e263",secondaryButtonWrapper:"secondaryButtonWrapper_b81f2a6cf7",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_1840dbfbbe",active:"active_133020831f",disabled:"disabled_0ddcad00cf",kindTertiary:"kindTertiary_7c2f678e68",colorPrimary:"colorPrimary_7c2f678e68",mainActive:"mainActive_852edf7d96",splitContentOpen:"splitContentOpen_4a75ce8d30",hovered:"hovered_b66a1dc6be",colorBrand:"colorBrand_852edf7d96",colorPositive:"colorPositive_72d2e57abe",colorNegative:"colorNegative_72d2e57abe",kindPrimary:"kindPrimary_784e8e0815",colorOnPrimaryColor:"colorOnPrimaryColor_e324869562",kindSecondary:"kindSecondary_72d2e57abe"};!function(e){const n="s_id-b26d62194c18_3_51_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".button_0ae496e81a {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_0ae496e81a .mainButton_71b0c84bf3 {\n  margin-right: 0;\n}\n\n.button_0ae496e81a .secondaryButton_4bca65e263 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_b81f2a6cf7 .secondaryButtonIconWrapper_1840dbfbbe {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_133020831f {\n  transform: scale(0.95);\n}\n\n.disabled_0ddcad00cf {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_7c2f678e68.colorPrimary_7c2f678e68.mainActive_852edf7d96 .mainButton_71b0c84bf3 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_7c2f678e68.colorPrimary_7c2f678e68.mainActive_852edf7d96 .mainButton_71b0c84bf3:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_7c2f678e68.colorPrimary_7c2f678e68.mainActive_852edf7d96 .secondaryButton_4bca65e263 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_7c2f678e68.colorPrimary_7c2f678e68.mainActive_852edf7d96 .secondaryButton_4bca65e263:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_7c2f678e68.colorPrimary_7c2f678e68.mainActive_852edf7d96.splitContentOpen_4a75ce8d30.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263,\n.kindTertiary_7c2f678e68.colorPrimary_7c2f678e68.mainActive_852edf7d96.splitContentOpen_4a75ce8d30.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263:hover,\n.kindTertiary_7c2f678e68.colorPrimary_7c2f678e68.mainActive_852edf7d96.hovered_b66a1dc6be.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263,\n.kindTertiary_7c2f678e68.colorPrimary_7c2f678e68.mainActive_852edf7d96.hovered_b66a1dc6be.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_7c2f678e68.colorBrand_852edf7d96.mainActive_852edf7d96 .mainButton_71b0c84bf3 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_7c2f678e68.colorBrand_852edf7d96.mainActive_852edf7d96 .secondaryButton_4bca65e263 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_7c2f678e68.colorBrand_852edf7d96.mainActive_852edf7d96.splitContentOpen_4a75ce8d30.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263,\n.kindTertiary_7c2f678e68.colorBrand_852edf7d96.mainActive_852edf7d96.splitContentOpen_4a75ce8d30.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263:hover,\n.kindTertiary_7c2f678e68.colorBrand_852edf7d96.mainActive_852edf7d96.hovered_b66a1dc6be.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263,\n.kindTertiary_7c2f678e68.colorBrand_852edf7d96.mainActive_852edf7d96.hovered_b66a1dc6be.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_7c2f678e68.colorPositive_72d2e57abe.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263,\n.kindTertiary_7c2f678e68.colorPositive_72d2e57abe:hover .secondaryButton_4bca65e263,\n.kindTertiary_7c2f678e68.colorPositive_72d2e57abe:focus .secondaryButton_4bca65e263 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_7c2f678e68.colorPositive_72d2e57abe.splitContentOpen_4a75ce8d30 .mainButton_71b0c84bf3,\n.kindTertiary_7c2f678e68.colorPositive_72d2e57abe:hover .mainButton_71b0c84bf3,\n.kindTertiary_7c2f678e68.colorPositive_72d2e57abe:focus .mainButton_71b0c84bf3 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_7c2f678e68.colorNegative_72d2e57abe.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263,\n.kindTertiary_7c2f678e68.colorNegative_72d2e57abe:hover .secondaryButton_4bca65e263,\n.kindTertiary_7c2f678e68.colorNegative_72d2e57abe:focus .secondaryButton_4bca65e263 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_7c2f678e68.colorNegative_72d2e57abe.splitContentOpen_4a75ce8d30 .mainButton_71b0c84bf3,\n.kindTertiary_7c2f678e68.colorNegative_72d2e57abe:hover .mainButton_71b0c84bf3,\n.kindTertiary_7c2f678e68.colorNegative_72d2e57abe:focus .mainButton_71b0c84bf3 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_7c2f678e68 .secondaryButton_4bca65e263 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_784e8e0815.disabled_0ddcad00cf .secondaryButton_4bca65e263 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_784e8e0815:not(.disabled_0ddcad00cf).colorPrimary_7c2f678e68.mainActive_852edf7d96 .secondaryButton_4bca65e263 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_784e8e0815:not(.disabled_0ddcad00cf).colorPrimary_7c2f678e68 .secondaryButton_4bca65e263 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_784e8e0815:not(.disabled_0ddcad00cf).colorBrand_852edf7d96.mainActive_852edf7d96 .secondaryButton_4bca65e263 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_784e8e0815:not(.disabled_0ddcad00cf).colorBrand_852edf7d96 .secondaryButton_4bca65e263 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_784e8e0815:not(.disabled_0ddcad00cf).colorPositive_72d2e57abe .secondaryButton_4bca65e263 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_784e8e0815:not(.disabled_0ddcad00cf).colorNegative_72d2e57abe .secondaryButton_4bca65e263 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_784e8e0815:not(.disabled_0ddcad00cf).colorOnPrimaryColor_e324869562 .secondaryButton_4bca65e263 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_72d2e57abe .mainButton_71b0c84bf3 {\n  border-right: none;\n}\n\n.kindSecondary_72d2e57abe.colorPrimary_7c2f678e68.mainActive_852edf7d96 .mainButton_71b0c84bf3 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_72d2e57abe.colorPrimary_7c2f678e68.mainActive_852edf7d96 .mainButton_71b0c84bf3:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_72d2e57abe.colorPrimary_7c2f678e68.mainActive_852edf7d96 .secondaryButton_4bca65e263 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_72d2e57abe.colorPrimary_7c2f678e68.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_72d2e57abe.colorPrimary_7c2f678e68.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_72d2e57abe.colorBrand_852edf7d96.mainActive_852edf7d96 .mainButton_71b0c84bf3 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_72d2e57abe.colorBrand_852edf7d96.mainActive_852edf7d96 .secondaryButton_4bca65e263 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_72d2e57abe.colorBrand_852edf7d96.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263,\n.kindSecondary_72d2e57abe.colorBrand_852edf7d96.splitContentOpen_4a75ce8d30 .secondaryButton_4bca65e263:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{e as default};
-//# sourceMappingURL=SplitButton.module.scss.js.map

package/dist/src/components/SplitButton/SplitButton.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/SplitButton/SplitButtonConstants.js

@@ -1,2 +0,0 @@
-import{keyCodes as t}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import{HideShowEvent as o}from"../Dialog/DialogConstants.js";var s={main:8,secondary:0},T=[o.CLICK],a=[o.CLICK_OUTSIDE,o.CLICK,o.ESCAPE_KEY],n="monday-style-split-button__secondary-button-wrapper",m=[t.ENTER],r={BOTTOM:"bottom",BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end"},O={BOTTOM_START:"bottom-start",BOTTOM_MIDDLE:"bottom",BOTTOM_END:"bottom-end"},i="additional actions";export{a as DEFAULT_DIALOG_HIDE_TRIGGER,T as DEFAULT_DIALOG_SHOW_TRIGGER,s as DIALOG_MOVE_BY,r as DialogPosition,m as ENTER_KEYS,i as SECONDARY_BUTTON_ARIA_LABEL,n as SECONDARY_BUTTON_WRAPPER_CLASSNAME,O as SplitButtonSecondaryContentPosition};
-//# sourceMappingURL=SplitButtonConstants.js.map

package/dist/src/components/SplitButton/SplitButtonConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitButtonConstants.js","sources":["../../../../src/components/SplitButton/SplitButtonConstants.ts"],"sourcesContent":["// Constants\nimport { keyCodes } from \"../../constants\";\nimport { HideShowEvent } from \"../Dialog/DialogConstants\";\n\nexport const DIALOG_MOVE_BY = { main: 8, secondary: 0 };\nexport const DEFAULT_DIALOG_SHOW_TRIGGER = [HideShowEvent.CLICK];\nexport const DEFAULT_DIALOG_HIDE_TRIGGER = [HideShowEvent.CLICK_OUTSIDE, HideShowEvent.CLICK, HideShowEvent.ESCAPE_KEY];\nexport const SECONDARY_BUTTON_WRAPPER_CLASSNAME = \"monday-style-split-button__secondary-button-wrapper\";\nexport const EMPTY_ARR: string[] = [];\n\nexport const ENTER_KEYS = [keyCodes.ENTER];\n\n//TODO Remove once change dialogPosition to const\nexport const DialogPosition = {\n  BOTTOM: \"bottom\",\n  BOTTOM_START: \"bottom-start\",\n  BOTTOM_END: \"bottom-end\"\n} as const;\n\nexport const SplitButtonSecondaryContentPosition = {\n  BOTTOM_START: DialogPosition.BOTTOM_START,\n  BOTTOM_MIDDLE: DialogPosition.BOTTOM,\n  BOTTOM_END: DialogPosition.BOTTOM_END\n} as const;\n\nexport type SplitButtonSecondaryContentPositionType =\n  (typeof SplitButtonSecondaryContentPosition)[keyof typeof SplitButtonSecondaryContentPosition];\n\nexport const SECONDARY_BUTTON_ARIA_LABEL = \"additional actions\";\n"],"names":["DIALOG_MOVE_BY","main","secondary","DEFAULT_DIALOG_SHOW_TRIGGER","HideShowEvent","CLICK","DEFAULT_DIALOG_HIDE_TRIGGER","CLICK_OUTSIDE","ESCAPE_KEY","SECONDARY_BUTTON_WRAPPER_CLASSNAME","ENTER_KEYS","keyCodes","ENTER","DialogPosition","BOTTOM","BOTTOM_START","BOTTOM_END","SplitButtonSecondaryContentPosition","BOTTOM_MIDDLE","SECONDARY_BUTTON_ARIA_LABEL"],"mappings":"qJAIO,IAAMA,EAAiB,CAAEC,KAAM,EAAGC,UAAW,GACvCC,EAA8B,CAACC,EAAcC,OAC7CC,EAA8B,CAACF,EAAcG,cAAeH,EAAcC,MAAOD,EAAcI,YAC/FC,EAAqC,sDAGrCC,EAAa,CAACC,EAASC,OAGvBC,EAAiB,CAC5BC,OAAQ,SACRC,aAAc,eACdC,WAAY,cAGDC,EAAsC,CACjDF,aAAcF,eACdK,cAAeL,SACfG,WAAYH,cAMDM,EAA8B"}

package/dist/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"../../../../_virtual/_tslib.js";import r,{forwardRef as t,useRef as n}from"react";import o from"../../../hooks/useMergeRef.js";import u from"../../Menu/Menu/Menu.js";var i=t((function(t,i){var m=t.children,s=e(t,["children"]),f=n(null),a=o(i,f);return r.createElement(u,Object.assign({focusItemIndexOnMount:0},s,{ref:a}),m)}));export{i as default};
-//# sourceMappingURL=SplitButtonMenu.js.map

package/dist/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitButtonMenu.js","sources":["../../../../../src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport Menu, { MenuProps } from \"../../Menu/Menu/Menu\";\n\nexport type SplitButtonMenuProps = Omit<MenuProps, \"focusItemIndexOnMount\"> & { children: React.ReactNode };\n\nconst SplitButtonMenu = forwardRef(\n  ({ children, ...splitButtonMenuProps }: SplitButtonMenuProps, ref: React.ForwardedRef<HTMLElement>) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Menu focusItemIndexOnMount={0} {...splitButtonMenuProps} ref={mergedRef}>\n        {children}\n      </Menu>\n    );\n  }\n);\n\nexport default SplitButtonMenu;\n"],"names":["SplitButtonMenu","forwardRef","_a","ref","children","splitButtonMenuProps","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Menu","Object","assign","focusItemIndexOnMount"],"mappings":"8LAMMA,IAAAA,EAAkBC,GACtB,SAACC,EAA6DC,GAA7D,IAAEC,EAAyDF,EAAzDE,SAAaC,EAAoBC,EAAAJ,EAAnC,cACOK,EAAeC,EAAO,MACtBC,EAAYC,EAAYP,EAAKI,GAEnC,OACEI,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAC,sBAAuB,GAAOX,EAAoB,CAAEF,IAAKM,IAC5DL,EAGP"}

package/dist/src/components/Steps/Steps.js

@@ -1,2 +0,0 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as e,useRef as s}from"react";import i from"classnames";import{NOOP as n}from"../../utils/function-utils.js";import r from"../../hooks/useMergeRef.js";import{StepsHeader as a}from"./StepsHeader.js";import{StepsType as p,StepsColor as d}from"./StepsConstants.js";import{getTestId as m,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./Steps.module.scss.js";var v=c(e((function(e,p){var d=e.className,c=e.id,v=e["data-testid"],f=e.steps,B=void 0===f?[]:f,P=e.activeStepIndex,S=void 0===P?0:P,h=e.type,j=void 0===h?"gallery":h,g=e.onChangeActiveStep,y=void 0===g?n:g,H=e.onFinish,x=e.color,C=e.areNavigationButtonsHidden,I=void 0!==C&&C,N=e.isContentOnTop,b=void 0!==N&&N,k=e.backButtonProps,E=void 0===k?{}:k,O=e.nextButtonProps,T=void 0===O?{}:O,A=e.finishButtonProps,F=void 0===A?{}:A,_=e.areButtonsIconsHidden,w=void 0!==_&&_,M=s(null),R=r(p,M);return o.createElement("div",{ref:R,className:i(u.steps,d),id:c,"data-testid":v||m(l.STEPS,c)},b&&B[S],o.createElement(a,{onChangeActiveStep:y,type:j,activeStepIndex:S,stepsCount:B.length,areNavigationButtonsHidden:I,color:x,backButtonProps:E,nextButtonProps:T,finishButtonProps:F,areButtonsIconsHidden:w,onFinish:H,className:i(t(t({},u.contentOnTop,b),u.contentOnBottom,!b))}),!b&&B[S])})),{types:p,colors:d});export{v as default};
-//# sourceMappingURL=Steps.js.map

package/dist/src/components/Steps/Steps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Steps.js","sources":["../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { StepsHeader } from \"./StepsHeader\";\nimport { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from \"./StepsConstants\";\nimport { StepsColor, StepsType } from \"./Steps.types\";\nimport { ButtonProps } from \"../Button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./Steps.module.scss\";\n\nexport interface StepsProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex?: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden?: boolean;\n  /**\n   * The list of steps in the steps component.\n   */\n  steps?: ReactElement[];\n  /**\n   * The visual style of the steps component.\n   */\n  type?: StepsType;\n  /**\n   * The color theme of the steps component.\n   */\n  color?: StepsColor;\n  /**\n   * If true, the content is displayed above the step navigation.\n   */\n  isContentOnTop?: boolean;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden?: boolean;\n  /**\n   * Props applied to the back button.\n   */\n  backButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the next button.\n   */\n  nextButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the finish button.\n   */\n  finishButtonProps?: Partial<ButtonProps>;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst Steps = forwardRef(\n  (\n    {\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      steps = [],\n      activeStepIndex = 0,\n      type = \"gallery\",\n      onChangeActiveStep = NOOP,\n      onFinish,\n      color,\n      areNavigationButtonsHidden = false,\n      isContentOnTop = false,\n      backButtonProps = {},\n      nextButtonProps = {},\n      finishButtonProps = {},\n      areButtonsIconsHidden = false\n    }: StepsProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.steps, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.STEPS, id)}\n      >\n        {isContentOnTop && steps[activeStepIndex]}\n        <StepsHeader\n          onChangeActiveStep={onChangeActiveStep}\n          type={type}\n          activeStepIndex={activeStepIndex}\n          stepsCount={steps.length}\n          areNavigationButtonsHidden={areNavigationButtonsHidden}\n          color={color}\n          backButtonProps={backButtonProps}\n          nextButtonProps={nextButtonProps}\n          finishButtonProps={finishButtonProps}\n          areButtonsIconsHidden={areButtonsIconsHidden}\n          onFinish={onFinish}\n          className={cx({\n            [styles.contentOnTop]: isContentOnTop,\n            [styles.contentOnBottom]: !isContentOnTop\n          })}\n        />\n        {!isContentOnTop && steps[activeStepIndex]}\n      </div>\n    );\n  }\n);\n\ninterface StepsStaticProps {\n  types: typeof StepsTypeEnum;\n  colors: typeof StepsColorEnum;\n}\n\nexport default withStaticProps<StepsProps, StepsStaticProps>(Steps, {\n  types: StepsTypeEnum,\n  colors: StepsColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","dataTestId","_ref$steps","steps","_ref$activeStepIndex","activeStepIndex","_ref$type","type","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","onFinish","color","_ref$areNavigationBut","areNavigationButtonsHidden","_ref$isContentOnTop","isContentOnTop","_ref$backButtonProps","backButtonProps","_ref$nextButtonProps","nextButtonProps","_ref$finishButtonProp","finishButtonProps","_ref$areButtonsIconsH","areButtonsIconsHidden","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","getTestId","ComponentDefaultTestId","STEPS","StepsHeader","stepsCount","length","_defineProperty","contentOnTop","contentOnBottom","types","StepsTypeEnum","colors","StepsColorEnum"],"mappings":"ukBA+DA,IA4DeA,EAAAA,EA5DDC,GACZ,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAAaK,EAAAL,EACbM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACnBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAX,EAChBY,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAQd,EAARc,SACAC,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,2BAAAA,OAA6B,IAAHD,GAAQA,EAAAE,EAAAlB,EAClCmB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAApB,EACtBqB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAtB,EACpBuB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAxB,EACpByB,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAA1B,EACtB2B,sBAAAA,OAAwB,IAAHD,GAAQA,EAIzBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnC,OACEI,EAAAC,cAAA,MAAA,CACEhC,IAAK6B,EACL5B,UAAWgC,EAAGC,EAAO7B,MAAOJ,GAC5BC,GAAIA,EAAE,cACOC,GAAcgC,EAAUC,EAAuBC,MAAOnC,IAElEgB,GAAkBb,EAAME,GACzBwB,EAACC,cAAAM,GACC3B,mBAAoBA,EACpBF,KAAMA,EACNF,gBAAiBA,EACjBgC,WAAYlC,EAAMmC,OAClBxB,2BAA4BA,EAC5BF,MAAOA,EACPM,gBAAiBA,EACjBE,gBAAiBA,EACjBE,kBAAmBA,EACnBE,sBAAuBA,EACvBb,SAAUA,EACVZ,UAAWgC,EAAEQ,EAAAA,KACVP,EAAOQ,aAAexB,GACtBgB,EAAOS,iBAAmBzB,OAG7BA,GAAkBb,EAAME,GAGhC,IAQkE,CAClEqC,MAAOC,EACPC,OAAQC"}

package/dist/src/components/Steps/Steps.module.scss.js

@@ -1,2 +0,0 @@
-var e={steps:"steps_1deb8e7984",contentOnTop:"contentOnTop_8c79a7013c",contentOnBottom:"contentOnBottom_1da2c0a1ee"};!function(e){const t="s_id-9e4623f942e8_3_51_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_1deb8e7984 .contentOnTop_8c79a7013c {\n  margin-top: var(--spacing-medium);\n}\n.steps_1deb8e7984 .contentOnBottom_1da2c0a1ee {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=Steps.module.scss.js.map

package/dist/src/components/Steps/Steps.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Steps.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Steps/StepsCommand.js

@@ -1,2 +0,0 @@
-import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{useMemo as i,useCallback as s}from"react";import e from"classnames";import n from"../Icon/Icon.js";import m from"../Button/Button.js";import{NOOP as a}from"../../utils/function-utils.js";import{NEXT_TEXT as c,BACK_TEXT as l}from"./StepsConstants.js";import{ComponentDefaultTestId as p}from"../../tests/constants.js";import d from"./StepsCommand.module.scss.js";import{camelCase as f}from"lodash-es";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import v from"../../../icons/dist/react/NavigationChevronRight.js";import j from"../../../icons/dist/react/NavigationChevronLeft.js";var C=function(C){var h=C.isNext,S=void 0!==h&&h,_=C.onChangeActiveStep,b=void 0===_?a:_,N=C.activeStepIndex,g=C.stepsCount,A=C.isIconHidden,M=void 0!==A&&A,P=C.buttonProps,y=void 0===P?{}:P,B=C.color,D=void 0===B?"primary":B,E=y.children,I=t(y,["children"]),O=i((function(){return E||(S?c:l)}),[S,E]),R=S?N+1:N-1,k=s((function(o){return b(o,R)}),[R,b]),x=S&&N===g-1||!S&&0===N,H=S?v:j;return r.createElement(m,Object.assign({className:e(d.command,o({},d.backward,!S)),"data-testid":S?p.STEPS_FORWARD_COMMAND:p.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:k,disabled:x,color:D},I),O,M?null:r.createElement(n,{icon:H,className:e(d.icon,u(d,f("color-"+D)),o({},d.disabled,x))}))};export{C as StepsCommand};
-//# sourceMappingURL=StepsCommand.js.map

package/dist/src/components/Steps/StepsCommand.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsCommand.js","sources":["../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { StepsColor } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n  /**\n   * If true, this button is for moving to the next step.\n   */\n  isNext?: boolean;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation icon.\n   */\n  isIconHidden?: boolean;\n  /**\n   * Props applied to the button.\n   */\n  buttonProps?: Partial<ButtonProps>;\n  /**\n   * The color theme of the button.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n  isNext = false,\n  onChangeActiveStep = NOOP,\n  activeStepIndex,\n  stepsCount,\n  isIconHidden = false,\n  buttonProps = {},\n  color = \"primary\"\n}: StepsCommandProps) => {\n  const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n  const description = useMemo(() => {\n    if (buttonChildren) return buttonChildren;\n    return isNext ? NEXT_TEXT : BACK_TEXT;\n  }, [isNext, buttonChildren]);\n  const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n  const onClick = useCallback(\n    (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n    [newStepIndex, onChangeActiveStep]\n  );\n  const isDisabled = (isNext && activeStepIndex === stepsCount - 1) || (!isNext && activeStepIndex === 0);\n\n  const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n  return (\n    <Button\n      className={cx(styles.command, { [styles.backward]: !isNext })}\n      data-testid={\n        isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n      }\n      kind=\"tertiary\"\n      onClick={onClick}\n      disabled={isDisabled}\n      // @ts-ignore\n      color={color}\n      {...otherButtonProps}\n    >\n      {description}\n      {isIconHidden ? null : (\n        <Icon\n          icon={icon}\n          className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n            [styles.disabled]: isDisabled\n          })}\n        />\n      )}\n    </Button>\n  );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"6uBA6CaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}

package/dist/src/components/Steps/StepsCommand.module.scss.js

@@ -1,2 +0,0 @@
-var e={command:"command_2f7c537ebc",backward:"backward_4d50fc014d",icon:"icon_74b7e080f0",disabled:"disabled_46f7e3942f",colorOnPrimaryColor:"colorOnPrimaryColor_300c9e7fce",colorOnInvertedBackground:"colorOnInvertedBackground_aaef197e00"};!function(e){const n="s_id-b004c6aa2b0d_3_51_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_2f7c537ebc {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_2f7c537ebc.backward_4d50fc014d {\n  flex-direction: row-reverse;\n}\n.icon_74b7e080f0 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_74b7e080f0.disabled_46f7e3942f {\n  color: var(--disabled-text-color);\n}\n.icon_74b7e080f0.colorOnPrimaryColor_300c9e7fce {\n  color: var(--text-color-on-primary);\n}\n.icon_74b7e080f0.colorOnInvertedBackground_aaef197e00 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
-//# sourceMappingURL=StepsCommand.module.scss.js.map

package/dist/src/components/Steps/StepsCommand.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsCommand.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Steps/StepsConstants.js

@@ -1,2 +0,0 @@
-var n,o,r,e="Next",i="Back",t="Finish";!function(n){n.NUMBERS="numbers",n.GALLERY="gallery"}(n||(n={})),function(n){n.PAGE="page",n.STEP="step",n.LOCATION="location",n.DATE="date",n.TIME="time"}(o||(o={})),function(n){n.PRIMARY="primary",n.ON_PRIMARY_COLOR="on-primary-color",n.ON_INVERTED_BACKGROUND="on-inverted-background"}(r||(r={}));export{i as BACK_TEXT,t as FINISH_TEXT,e as NEXT_TEXT,r as StepsColor,o as StepsDotAriaCurrent,n as StepsType};
-//# sourceMappingURL=StepsConstants.js.map

package/dist/src/components/Steps/StepsConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsConstants.js","sources":["../../../../src/components/Steps/StepsConstants.ts"],"sourcesContent":["export const NEXT_TEXT = \"Next\";\nexport const BACK_TEXT = \"Back\";\nexport const FINISH_TEXT = \"Finish\";\n\n/**\n * @deprecated\n */\nexport enum StepsType {\n  NUMBERS = \"numbers\",\n  GALLERY = \"gallery\"\n}\n\n/**\n * @deprecated\n */\nexport enum StepsDotAriaCurrent {\n  PAGE = \"page\",\n  STEP = \"step\",\n  LOCATION = \"location\",\n  DATE = \"date\",\n  TIME = \"time\"\n}\n\n/**\n * @deprecated\n */\nexport enum StepsColor {\n  PRIMARY = \"primary\",\n  ON_PRIMARY_COLOR = \"on-primary-color\",\n  ON_INVERTED_BACKGROUND = \"on-inverted-background\"\n}\n"],"names":["StepsType","StepsDotAriaCurrent","StepsColor","NEXT_TEXT","BACK_TEXT","FINISH_TEXT"],"mappings":"AAAO,IAOKA,EAQAC,EAWAC,EA1BCC,EAAY,OACZC,EAAY,OACZC,EAAc,UAK3B,SAAYL,GACVA,EAAA,QAAA,UACAA,EAAA,QAAA,SACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,iBAAA,mBACAA,EAAA,uBAAA,wBACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/src/components/Steps/StepsDot.js

@@ -1,2 +0,0 @@
-import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import{camelCase as o,noop as t}from"lodash-es";import s from"react";import a from"./StepsDot.module.scss.js";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";var l=function(l){var m=l.isActive,p=l.onClick,c=void 0===p?t:p,n=l.ariaCurrent,u=l.className;return s.createElement("button",{type:"button","aria-label":l.ariaLabel,"aria-current":!!m&&(void 0===n?"step":n),className:e(a.dot,i(a,o("color-"+l.color)),r({},a.isActive,m),u),onClick:c})};export{l as StepsDot};
-//# sourceMappingURL=StepsDot.js.map

package/dist/src/components/Steps/StepsDot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsDot.js","sources":["../../../../src/components/Steps/StepsDot.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { noop as NOOP, camelCase } from \"lodash-es\";\nimport { StepsColor, StepsDotAriaCurrent } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport React, { FC } from \"react\";\nimport styles from \"./StepsDot.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nexport interface StepsDotProps extends VibeComponentProps {\n  /**\n   * Callback fired when the dot is clicked.\n   */\n  onClick?: (e: React.MouseEvent) => void;\n  /**\n   * ARIA attribute to indicate the current step.\n   */\n  ariaCurrent?: StepsDotAriaCurrent | boolean;\n  /**\n   * If true, marks the dot as active.\n   */\n  isActive?: boolean;\n  /**\n   * The ARIA label for the dot.\n   */\n  ariaLabel?: string;\n  /**\n   * The color theme of the dot.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsDot: FC<StepsDotProps> = ({\n  isActive,\n  onClick = NOOP,\n  ariaCurrent = \"step\",\n  ariaLabel,\n  color,\n  className\n}: StepsDotProps) => {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-current={isActive ? ariaCurrent : false}\n      className={cx(\n        styles.dot,\n        getStyle(styles, camelCase(\"color-\" + color)),\n        {\n          [styles.isActive]: isActive\n        },\n        className\n      )}\n      onClick={onClick}\n    />\n  );\n};\n"],"names":["StepsDot","_ref","isActive","_ref$onClick","onClick","NOOP","_ref$ariaCurrent","ariaCurrent","className","React","createElement","type","ariaLabel","cx","styles","dot","getStyle","camelCase","color","_defineProperty"],"mappings":"kSA+BaA,EAA8B,SAAtBC,GAOD,IANlBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAGAC,EAASP,EAATO,UAEA,OACEC,EACEC,cAAA,SAAA,CAAAC,KAAK,sBANAV,EAATW,UAOyB,iBACPV,SATJ,IAAHI,EAAG,OAAMA,GAUhBE,UAAWK,EACTC,EAAOC,IACPC,EAASF,EAAQG,EAAU,SAV5BhB,EAALiB,QAUmDC,EAE1CL,GAAAA,EAAOZ,SAAWA,GAErBM,GAEFJ,QAASA,GAGf"}

package/dist/src/components/Steps/StepsDot.module.scss.js

@@ -1,2 +0,0 @@
-var o={dot:"dot_b753812080","focus-visible":"focus-visible_e78a676601",isActive:"isActive_b09a27f2ba",colorOnPrimaryColor:"colorOnPrimaryColor_9d8955ec70",colorOnInvertedBackground:"colorOnInvertedBackground_5fd4685a7d"};!function(o){const n="s_id-cedbbb07e913_3_51_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dot_b753812080 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_b753812080:focus-visible, .dot_b753812080.focus-visible_e78a676601 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_b753812080:focus:not(.focus-visible_e78a676601) {\n  outline: none;\n}\n.dot_b753812080:focus-visible, .dot_b753812080.focus-visible_e78a676601 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_b753812080:focus:not(.focus-visible_e78a676601) {\n  outline: none;\n}\n.dot_b753812080:hover {\n  transform: scale(1.3);\n}\n.isActive_b09a27f2ba {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_9d8955ec70.dot_b753812080 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_9d8955ec70.dot_b753812080:focus-visible, .colorOnPrimaryColor_9d8955ec70.dot_b753812080.focus-visible_e78a676601 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_9d8955ec70.dot_b753812080:focus:not(.focus-visible_e78a676601) {\n  outline: none;\n}\n.colorOnPrimaryColor_9d8955ec70.dot_b753812080.isActive_b09a27f2ba {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_5fd4685a7d.dot_b753812080 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_5fd4685a7d.dot_b753812080.isActive_b09a27f2ba {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
-//# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/src/components/Steps/StepsDot.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsDot.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Steps/StepsGalleryHeader.js

@@ -1,2 +0,0 @@
-import e,{useMemo as t,useCallback as r}from"react";import{range as n}from"lodash-es";import o from"classnames";import{StepsDot as a}from"./StepsDot.js";import c from"./StepsGalleryHeader.module.scss.js";var s=function(s){var i=s.activeStepIndex,l=s.stepsCount,u=s.onChangeActiveStep,m=s.stepDescriptionFunc,p=s.color,f=s.className,d=t((function(){return n(l)}),[l]),v=r((function(e){return"Step number ".concat(e)}),[]),y=m||v,S=t((function(){return d.map((function(e){return function(t){return u(t,e)}}))}),[u,d]),g=t((function(){return d.map((function(t){return e.createElement(a,{isActive:i===t,key:"monday-style-step-dot-".concat(t+1),ariaLabel:y(t),onClick:S[t],color:p,className:c.galleryHeaderDot})}),[])}),[i,p,S,y,d]);return e.createElement("div",{role:"group",className:o(c.galleryHeader,f)},g||null)};export{s as StepsGalleryHeader};
-//# sourceMappingURL=StepsGalleryHeader.js.map

package/dist/src/components/Steps/StepsGalleryHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsGalleryHeader.js","sources":["../../../../src/components/Steps/StepsGalleryHeader.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { range } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { StepsDot } from \"./StepsDot\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./StepsGalleryHeader.module.scss\";\nimport { StepsColor } from \"./Steps.types\";\n\nexport interface StepsGalleryHeaderProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * A function to generate step descriptions for accessibility.\n   */\n  stepDescriptionFunc?: (stepIndex: number) => string;\n  /**\n   * The color theme of the gallery header.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsGalleryHeader: FC<StepsGalleryHeaderProps> = ({\n  activeStepIndex,\n  stepsCount,\n  onChangeActiveStep,\n  stepDescriptionFunc,\n  color,\n  className\n}) => {\n  const stepsPlaceholders = useMemo(() => range(stepsCount), [stepsCount]);\n  const defaultStepDescriptionFunc = useCallback((stepIndex: number) => `Step number ${stepIndex}`, []);\n  const overrideStepDescriptionFunc = stepDescriptionFunc || defaultStepDescriptionFunc;\n  const onClickFunctions = useMemo(\n    () => stepsPlaceholders.map(stepIndex => (e: React.MouseEvent) => onChangeActiveStep(e, stepIndex)),\n    [onChangeActiveStep, stepsPlaceholders]\n  );\n\n  const galleryDots = useMemo(\n    () =>\n      stepsPlaceholders.map(\n        stepIndex => (\n          <StepsDot\n            isActive={activeStepIndex === stepIndex}\n            key={`monday-style-step-dot-${stepIndex + 1}`}\n            ariaLabel={overrideStepDescriptionFunc(stepIndex)}\n            onClick={onClickFunctions[stepIndex]}\n            color={color}\n            className={styles.galleryHeaderDot}\n          />\n        ),\n        []\n      ),\n    [activeStepIndex, color, onClickFunctions, overrideStepDescriptionFunc, stepsPlaceholders]\n  );\n\n  return (\n    <div role=\"group\" className={cx(styles.galleryHeader, className)}>\n      {galleryDots || null}\n    </div>\n  );\n};\n"],"names":["StepsGalleryHeader","_ref","activeStepIndex","stepsCount","onChangeActiveStep","stepDescriptionFunc","color","className","stepsPlaceholders","useMemo","range","defaultStepDescriptionFunc","useCallback","stepIndex","concat","overrideStepDescriptionFunc","onClickFunctions","map","e","galleryDots","React","createElement","StepsDot","isActive","key","ariaLabel","onClick","styles","galleryHeaderDot","role","cx","galleryHeader"],"mappings":"gNA+BaA,EAAkD,SAAhCC,GAO1B,IANHC,EAAeD,EAAfC,gBACAC,EAAUF,EAAVE,WACAC,EAAkBH,EAAlBG,mBACAC,EAAmBJ,EAAnBI,oBACAC,EAAKL,EAALK,MACAC,EAASN,EAATM,UAEMC,EAAoBC,GAAQ,WAAA,OAAMC,EAAMP,KAAa,CAACA,IACtDQ,EAA6BC,GAAY,SAACC,GAAiB,MAAAC,eAAAA,OAAoBD,EAAW,GAAE,IAC5FE,EAA8BV,GAAuBM,EACrDK,EAAmBP,GACvB,WAAA,OAAMD,EAAkBS,KAAI,SAAAJ,GAAS,OAAI,SAACK,GAAmB,OAAKd,EAAmBc,EAAGL,EAAU,IAAC,GACnG,CAACT,EAAoBI,IAGjBW,EAAcV,GAClB,WAAA,OACED,EAAkBS,KAChB,SAAAJ,GAAS,OACPO,EAAAC,cAACC,EAAQ,CACPC,SAAUrB,IAAoBW,EAC9BW,6BAAGV,OAA2BD,EAAY,GAC1CY,UAAWV,EAA4BF,GACvCa,QAASV,EAAiBH,GAC1BP,MAAOA,EACPC,UAAWoB,EAAOC,kBAErB,GACD,MAEJ,CAAC1B,EAAiBI,EAAOU,EAAkBD,EAA6BP,IAG1E,OACEY,uBAAKS,KAAK,QAAQtB,UAAWuB,EAAGH,EAAOI,cAAexB,IACnDY,GAAe,KAGtB"}

package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js

@@ -1,2 +0,0 @@
-var e={galleryHeader:"galleryHeader_e12560d848",galleryHeaderDot:"galleryHeaderDot_573b783c47"};!function(e){const a="s_id-62748f4c4e74_3_51_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_e12560d848 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_e12560d848 .galleryHeaderDot_573b783c47 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_e12560d848 .galleryHeaderDot_573b783c47:last-child {\n  margin-right: 0;\n}");export{e as default};
-//# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsGalleryHeader.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Steps/StepsHeader.js

@@ -1,2 +0,0 @@
-import e,{useMemo as t}from"react";import o from"classnames";import{StepsCommand as n}from"./StepsCommand.js";import{StepsGalleryHeader as r}from"./StepsGalleryHeader.js";import{StepsNumbersHeader as s}from"./StepsNumbersHeader.js";import{FINISH_TEXT as i}from"./StepsConstants.js";import a from"../Button/Button.js";import c from"./StepsHeader.module.scss.js";var p=function(p){var m=p.activeStepIndex,l=p.onChangeActiveStep,u=p.stepsCount,d=p.areNavigationButtonsHidden,v=p.backButtonProps,S=p.nextButtonProps,f=p.finishButtonProps,C=p.areButtonsIconsHidden,g=p.color,h=void 0===g?"primary":g,x=p.onFinish,j=p.className,B="gallery"===p.type?r:s,H=t((function(){if(x)return m===u-1}),[m,x,u]);return e.createElement("div",{className:o(c.header,j)},d?null:e.createElement(n,{isNext:!1,isIconHidden:C,onChangeActiveStep:l,activeStepIndex:m,stepsCount:u,buttonProps:v,color:h}),e.createElement(B,{activeStepIndex:m,stepsCount:u,onChangeActiveStep:l,color:h}),d?null:e.createElement(e.Fragment,null,H?e.createElement(a,Object.assign({onClick:x,color:h},f),(null==f?void 0:f.children)||i):e.createElement(n,{isNext:!0,isIconHidden:C,activeStepIndex:m,onChangeActiveStep:l,stepsCount:u,buttonProps:S,color:h})))};export{p as StepsHeader};
-//# sourceMappingURL=StepsHeader.js.map

package/dist/src/components/Steps/StepsHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsHeader.js","sources":["../../../../src/components/Steps/StepsHeader.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { StepsCommand } from \"./StepsCommand\";\nimport { StepsGalleryHeader, StepsGalleryHeaderProps } from \"./StepsGalleryHeader\";\nimport { StepsNumbersHeader, StepsNumbersHeaderProps } from \"./StepsNumbersHeader\";\nimport { FINISH_TEXT } from \"./StepsConstants\";\nimport { StepsType, StepsColor } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport styles from \"./StepsHeader.module.scss\";\n\nexport interface StepsHeaderProps extends VibeComponentProps {\n  /**\n   * The type of steps header.\n   */\n  type: StepsType;\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden: boolean;\n  /**\n   * Props applied to the back button.\n   */\n  backButtonProps: Partial<ButtonProps>;\n  /**\n   * Props applied to the next button.\n   */\n  nextButtonProps: Partial<ButtonProps>;\n  /**\n   * Props applied to the finish button.\n   */\n  finishButtonProps: Partial<ButtonProps>;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden: boolean;\n  /**\n   * The color theme of the steps header.\n   */\n  color?: StepsColor;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent) => void;\n}\n\nexport const StepsHeader: FC<StepsHeaderProps> = ({\n  type,\n  activeStepIndex,\n  onChangeActiveStep,\n  stepsCount,\n  areNavigationButtonsHidden,\n  backButtonProps,\n  nextButtonProps,\n  finishButtonProps,\n  areButtonsIconsHidden,\n  color = \"primary\",\n  onFinish,\n  className\n}: StepsHeaderProps) => {\n  const SubHeaderComponent: FC<StepsGalleryHeaderProps | StepsNumbersHeaderProps> =\n    type === \"gallery\" ? StepsGalleryHeader : StepsNumbersHeader;\n\n  // TODO: [breaking] make finish button as default in next major\n  const showFinishButton = useMemo(() => {\n    if (!onFinish) {\n      return;\n    }\n    return activeStepIndex === stepsCount - 1;\n  }, [activeStepIndex, onFinish, stepsCount]);\n\n  return (\n    <div className={cx(styles.header, className)}>\n      {areNavigationButtonsHidden ? null : (\n        <StepsCommand\n          isNext={false}\n          isIconHidden={areButtonsIconsHidden}\n          onChangeActiveStep={onChangeActiveStep}\n          activeStepIndex={activeStepIndex}\n          stepsCount={stepsCount}\n          buttonProps={backButtonProps}\n          color={color}\n        />\n      )}\n      <SubHeaderComponent\n        activeStepIndex={activeStepIndex}\n        stepsCount={stepsCount}\n        onChangeActiveStep={onChangeActiveStep}\n        color={color}\n      />\n      {areNavigationButtonsHidden ? null : (\n        <>\n          {showFinishButton ? (\n            <Button onClick={onFinish} color={color} {...finishButtonProps}>\n              {finishButtonProps?.children || FINISH_TEXT}\n            </Button>\n          ) : (\n            <StepsCommand\n              isNext\n              isIconHidden={areButtonsIconsHidden}\n              activeStepIndex={activeStepIndex}\n              onChangeActiveStep={onChangeActiveStep}\n              stepsCount={stepsCount}\n              buttonProps={nextButtonProps}\n              color={color}\n            />\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["StepsHeader","_ref","activeStepIndex","onChangeActiveStep","stepsCount","areNavigationButtonsHidden","backButtonProps","nextButtonProps","finishButtonProps","areButtonsIconsHidden","_ref$color","color","onFinish","className","SubHeaderComponent","type","StepsGalleryHeader","StepsNumbersHeader","showFinishButton","useMemo","React","createElement","cx","styles","header","StepsCommand","isNext","isIconHidden","buttonProps","Fragment","Button","Object","assign","onClick","children","FINISH_TEXT"],"mappings":"6WA0DaA,EAAoC,SAAzBC,GAaD,IAXrBC,EAAeD,EAAfC,gBACAC,EAAkBF,EAAlBE,mBACAC,EAAUH,EAAVG,WACAC,EAA0BJ,EAA1BI,2BACAC,EAAeL,EAAfK,gBACAC,EAAeN,EAAfM,gBACAC,EAAiBP,EAAjBO,kBACAC,EAAqBR,EAArBQ,sBAAqBC,EAAAT,EACrBU,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAQX,EAARW,SACAC,EAASZ,EAATY,UAEMC,EACK,YAdPb,EAAJc,KAcuBC,EAAqBC,EAGtCC,EAAmBC,GAAQ,WAC/B,GAAKP,EAGL,OAAOV,IAAoBE,EAAa,CACzC,GAAE,CAACF,EAAiBU,EAAUR,IAE/B,OACEgB,EAAKC,cAAA,MAAA,CAAAR,UAAWS,EAAGC,EAAOC,OAAQX,IAC/BR,EAA6B,KAC5Be,EAACC,cAAAI,GACCC,QAAQ,EACRC,aAAclB,EACdN,mBAAoBA,EACpBD,gBAAiBA,EACjBE,WAAYA,EACZwB,YAAatB,EACbK,MAAOA,IAGXS,EAAAC,cAACP,EACC,CAAAZ,gBAAiBA,EACjBE,WAAYA,EACZD,mBAAoBA,EACpBQ,MAAOA,IAERN,EAA6B,KAC5Be,EACGC,cAAAD,EAAAS,SAAA,KAAAX,EACCE,EAAAC,cAACS,EAAOC,OAAAC,OAAA,CAAAC,QAASrB,EAAUD,MAAOA,GAAWH,IAC1CA,aAAA,EAAAA,EAAmB0B,WAAYC,GAGlCf,EAACC,cAAAI,GACCC,QAAM,EACNC,aAAclB,EACdP,gBAAiBA,EACjBC,mBAAoBA,EACpBC,WAAYA,EACZwB,YAAarB,EACbI,MAAOA,KAOrB"}

package/dist/src/components/Steps/StepsHeader.module.scss.js

@@ -1,2 +0,0 @@
-var e={header:"header_74796fbced"};!function(e){const t="s_id-918f12c2f9aa_3_51_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_74796fbced {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/src/components/Steps/StepsHeader.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsHeader.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Steps/StepsNumbersHeader.js

@@ -1,2 +0,0 @@
-import r from"classnames";import e,{useMemo as t}from"react";import o from"../Text/Text.js";import n from"./StepsNumbersHeader.module.scss.js";var m=function(m){var a=m.activeStepIndex,c=m.stepsCount,s=m.color,i=t((function(){return"primary"===s?s:"on-inverted-background"===s?"onInverted":"onPrimary"}),[s]);return e.createElement(o,{type:"text2",color:i,className:r(n.numbers)},"".concat(a+1," \\ ").concat(c))};export{m as StepsNumbersHeader};
-//# sourceMappingURL=StepsNumbersHeader.js.map

package/dist/src/components/Steps/StepsNumbersHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsNumbersHeader.js","sources":["../../../../src/components/Steps/StepsNumbersHeader.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, useMemo } from \"react\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport Text from \"../Text/Text\";\nimport styles from \"./StepsNumbersHeader.module.scss\";\nimport { StepsColor } from \"./Steps.types\";\n\nexport interface StepsNumbersHeaderProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * The color theme of the steps numbers header.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsNumbersHeader: FC<StepsNumbersHeaderProps> = ({ activeStepIndex, stepsCount, color }) => {\n  const textColor = useMemo(() => {\n    if (color === \"primary\") {\n      return color;\n    } else {\n      return color === \"on-inverted-background\" ? \"onInverted\" : \"onPrimary\";\n    }\n  }, [color]);\n\n  return (\n    <Text type=\"text2\" color={textColor} className={cx(styles.numbers)}>{`${\n      activeStepIndex + 1\n    } \\\\ ${stepsCount}`}</Text>\n  );\n};\n"],"names":["StepsNumbersHeader","_ref","activeStepIndex","stepsCount","color","textColor","useMemo","React","createElement","Text","type","className","cx","styles","numbers","concat"],"mappings":"mJAsBaA,EAAkD,SAAhCC,GAA2E,IAAxCC,EAAeD,EAAfC,gBAAiBC,EAAUF,EAAVE,WAAYC,EAAKH,EAALG,MACvFC,EAAYC,GAAQ,WACxB,MAAc,YAAVF,EACKA,EAEU,2BAAVA,EAAqC,aAAe,WAE/D,GAAG,CAACA,IAEJ,OACEG,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQN,MAAOC,EAAWM,UAAWC,EAAGC,EAAOC,UAAQ,GAAAC,OAChEb,EAAkB,EACpB,QAAAa,OAAOZ,GAEX"}

package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js

@@ -1,2 +0,0 @@
-var e={numbers:"numbers_c9ec82b6ce"};!function(e){const t="s_id-126f9ab60838_3_51_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers_c9ec82b6ce {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
-//# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsNumbersHeader.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Switch/Switch.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as a,useMemo as l}from"react";import s from"classnames";import t from"../../hooks/useSwitch/index.js";import i from"./Switch.module.scss.js";var r=a((function(a,r){var c=a.id,n=a.name,d=a.value,o=a.role,h=a.disabled,m=a.ariaLabel,u=a.ariaLabelledBy,b=a.inputClassName,p=a.ariaControls,C=a.children,f=a.wrapperClassName,k=a["data-testid"],g=t({isDisabled:h,isChecked:a.checked,defaultChecked:a.defaultChecked,onChange:a.onChange}),v=g.onChange,w=g.isChecked,j=l((function(){return e.cloneElement(C,Object.assign(Object.assign({},null==C?void 0:C.props),{checked:w}))}),[C,w]);return e.createElement("label",{htmlFor:c,className:f},e.createElement("input",{ref:r,id:c,"aria-controls":p,value:d,name:n,type:"checkbox",className:s(i["hidden-switch"],b),checked:w,role:o||"switch",onChange:v,disabled:h,"aria-label":m,"aria-labelledby":u,"aria-checked":w,"data-testid":k}),j)}));export{r as default};
-//# sourceMappingURL=Switch.js.map

package/dist/src/components/Switch/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport useSwitch from \"../../hooks/useSwitch\";\nimport { VibeComponentProps } from \"../../types\";\nimport { MockToggleProps } from \"../Toggle/MockToggle\";\nimport styles from \"./Switch.module.scss\";\n\nexport interface SwitchProps extends VibeComponentProps {\n  /**\n   * The name of the switch input.\n   */\n  name?: string;\n  /**\n   * The value associated with the switch.\n   */\n  value?: string;\n  /**\n   * The ARIA role of the switch.\n   */\n  role?: string;\n  /**\n   * If true, the switch is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The ID of the element labeling the switch.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * If true, the switch is checked.\n   */\n  checked?: boolean;\n  /**\n   * Class name applied to the input element.\n   */\n  inputClassName?: string;\n  /**\n   * Callback fired when the switch state changes.\n   */\n  onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * The ID of the element controlled by the switch.\n   */\n  ariaControls?: string;\n  /**\n   * If true, the switch is checked by default.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The child component rendered inside the switch.\n   */\n  children?: ReactElement<MockToggleProps>;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n}\n\n// TODO no story\nconst Switch = forwardRef(\n  (\n    {\n      id,\n      name,\n      value,\n      role,\n      disabled,\n      ariaLabel,\n      ariaLabelledBy,\n      checked,\n      inputClassName,\n      onChange,\n      ariaControls,\n      defaultChecked,\n      children: originalChildren,\n      wrapperClassName,\n      \"data-testid\": dataTestId\n    }: SwitchProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const { onChange: overrideOnChange, isChecked: overrideChecked } = useSwitch({\n      isDisabled: disabled,\n      isChecked: checked,\n      defaultChecked,\n      onChange\n    });\n\n    const children = useMemo(\n      () =>\n        React.cloneElement(originalChildren, {\n          ...originalChildren?.props,\n          checked: overrideChecked\n        }),\n      [originalChildren, overrideChecked]\n    );\n\n    return (\n      <label htmlFor={id} className={wrapperClassName}>\n        <input\n          ref={ref}\n          id={id}\n          aria-controls={ariaControls}\n          value={value}\n          name={name}\n          type=\"checkbox\"\n          className={cx(styles[\"hidden-switch\"], inputClassName)}\n          checked={overrideChecked}\n          role={role ? role : \"switch\"}\n          onChange={overrideOnChange}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-checked={overrideChecked}\n          data-testid={dataTestId}\n        />\n        {children}\n      </label>\n    );\n  }\n);\n\nexport default Switch;\n"],"names":["Switch","forwardRef","_ref","ref","id","name","value","role","disabled","ariaLabel","ariaLabelledBy","inputClassName","ariaControls","originalChildren","children","wrapperClassName","dataTestId","_useSwitch","useSwitch","isDisabled","isChecked","checked","defaultChecked","onChange","overrideOnChange","overrideChecked","useMemo","React","cloneElement","Object","assign","props","htmlFor","className","createElement","type","cx","styles"],"mappings":"kKA+DMA,IAAAA,EAASC,GACb,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAQN,EAARM,SACAC,EAASP,EAATO,UACAC,EAAcR,EAAdQ,eAEAC,EAAcT,EAAdS,eAEAC,EAAYV,EAAZU,aAEUC,EAAgBX,EAA1BY,SACAC,EAAgBb,EAAhBa,iBACeC,EAAUd,EAAzB,eAIFe,EAAmEC,EAAU,CAC3EC,WAAYX,EACZY,UAbOlB,EAAPmB,QAcAC,eAVcpB,EAAdoB,eAWAC,SAbQrB,EAARqB,WASgBC,EAAgBP,EAA1BM,SAAuCE,EAAeR,EAA1BG,UAO9BN,EAAWY,GACf,WAAA,OACEC,EAAMC,aAAaf,EAAgBgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9BjB,aAAA,EAAAA,EAAkBkB,OACrB,CAAAV,QAASI,IACT,GACJ,CAACZ,EAAkBY,IAGrB,OACEE,yBAAOK,QAAS5B,EAAI6B,UAAWlB,GAC7BY,EAAAO,cAAA,QAAA,CACE/B,IAAKA,EACLC,GAAIA,EAAE,gBACSQ,EACfN,MAAOA,EACPD,KAAMA,EACN8B,KAAK,WACLF,UAAWG,EAAGC,EAAO,iBAAkB1B,GACvCU,QAASI,EACTlB,KAAMA,GAAc,SACpBgB,SAAUC,EACVhB,SAAUA,EAAQ,aACNC,EAAS,kBACJC,EAAc,eACjBe,EAAe,cAChBT,IAEdF,EAGP"}

package/dist/src/components/Switch/Switch.module.scss.js

@@ -1,2 +0,0 @@
-var e={"hidden-switch":"hidden-switch_986751f5a9"};!function(e){const t="s_id-ac5bc6964f98_3_51_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch_986751f5a9 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
-//# sourceMappingURL=Switch.module.scss.js.map

package/dist/src/components/Switch/Switch.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Table/Table/Table.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o,useRef as s,useState as a,useCallback as l,useMemo as n}from"react";import i from"classnames";import{withStaticProps as m}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{getTableRowLayoutStyles as u}from"./tableHelpers.js";import{getTestId as c}from"../../../tests/testIds.js";import{ComponentDefaultTestId as f}from"../../../tests/constants.js";import{RowSizes as d,RowHeights as p}from"./TableConsts.js";import b from"./Table.module.scss.js";import{TableProvider as v}from"../context/TableContext/TableContext.js";import{TableRowMenuProvider as j}from"../context/TableRowMenuContext/TableRowMenuContext.js";import R from"../../../hooks/useMergeRef.js";var S=m(o((function(o,m){var d=o.id,S=o.className,T=o["data-testid"],w=o.columns,x=o.errorState,y=o.emptyState,z=o.dataState,g=o.style,h=o.children,C=o.size,M=void 0===C?"medium":C,E=o.withoutBorder,H=s(null),A=R(m,H),B=a(!1),I=e(B,2),O=I[0],P=I[1],k=a(null),L=e(k,2),N=L[0],V=L[1],_=l((function(){P(!1),V(null)}),[]),q=a(!1),D=e(q,2),F=D[0],G=D[1],J=l((function(){G(!0)}),[]),K=a(!1),Q=e(K,2),U=Q[0],W=Q[1],X=l((function(e){if(_(),!F){var t=e.target.scrollLeft>0;W((function(e){return e!==t?t:e}))}}),[_,F]),Y=u(w),Z=Object.assign({"--table-grid-template-columns":Y.gridTemplateColumns,"--table-row-size":"".concat(p[M],"px")},g),$=n((function(){return{columns:w,dataState:z,emptyState:y,errorState:x,size:M,tableRootRef:H,isVirtualized:F,markTableAsVirtualized:J,isScrolled:U,setIsScrolled:function(e){return W(e)}}}),[w,z,y,x,F,J,U,M]),ee=n((function(){return{tableRootRef:H,hoveredRowRef:N,isMenuOpen:O,resetHoveredRow:_,setHoveredRowRef:function(e){return V(e)},setIsMenuOpen:function(e){return P(e)}}}),[N,O,_,V]);return r.createElement(v,{value:$},r.createElement(j,{value:ee},r.createElement("div",{ref:A,id:d,className:i(b.table,t(t(t({},b.border,!E),b.virtualized,F),b.hasScroll,U),S),"data-testid":T||c(f.TABLE,d),role:"table",style:Z,onScroll:X},h)))})),{sizes:d});export{S as default};
-//# sourceMappingURL=Table.js.map

package/dist/src/components/Table/Table/Table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, UIEventHandler, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights, RowSizes as RowSizesEnum } from \"./TableConsts\";\nimport { RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { TableRowMenuProviderValue } from \"../context/TableRowMenuContext/TableRowMenuContext.types\";\n\nexport type TableLoadingStateType = \"long-text\" | \"medium-text\" | \"circle\" | \"rectangle\";\n\ntype Width = number | `${number}%` | `${number}px` | `${number}fr`;\n\nexport interface TableColumn {\n  /**\n   * Unique identifier for the column.\n   */\n  id: string;\n  /**\n   * Column title displayed in the header.\n   */\n  title: string;\n  /**\n   * Additional information displayed as a tooltip.\n   */\n  infoContent?: string;\n  /**\n   * Column width configuration.\n   */\n  width?: Width | { min: Width; max: Width };\n  /**\n   * Icon displayed next to the column title.\n   */\n  icon?: SubIcon;\n  /**\n   * Loading state type for the column when data is being fetched.\n   */\n  loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n  /**\n   * Defines the columns of the table.\n   */\n  columns: TableColumn[];\n  /**\n   * State of the data being displayed (loading or error).\n   */\n  dataState?: {\n    isLoading?: boolean;\n    isError?: boolean;\n  };\n  /**\n   * React element displayed when there is an error state.\n   */\n  errorState: ReactElement;\n  /**\n   * React element displayed when there is no data.\n   */\n  emptyState: ReactElement;\n  /**\n   * Custom styles for the table.\n   */\n  style?: React.CSSProperties;\n  /**\n   * The child components inside the table, such as `<TableHeader />` and `<TableBody />`.\n   */\n  children?:\n    | ReactElement<TableHeaderProps>\n    | ReactElement<TableBodyProps>\n    | Array<ReactElement<TableHeaderProps> | ReactElement<TableBodyProps>>;\n  /**\n   * The row size of the table.\n   */\n  size?: RowSizes;\n  /**\n   * If true, removes the table's outer border.\n   */\n  withoutBorder?: boolean;\n}\n\nconst Table = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      columns,\n      errorState,\n      emptyState,\n      dataState,\n      style,\n      children,\n      size = \"medium\",\n      withoutBorder\n    }: TableProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const tableRootRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRef(ref, tableRootRef);\n\n    const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n    const [hoveredRowRef, setHoveredRowRef] = useState<React.RefObject<HTMLDivElement>>(null);\n\n    const resetHoveredRow = useCallback(() => {\n      setIsMenuOpen(false);\n      setHoveredRowRef(null);\n    }, []);\n\n    const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n    const markTableAsVirtualized = useCallback(() => {\n      setIsVirtualized(true);\n    }, []);\n\n    const [isScrolled, setIsScrolled] = useState<boolean>(false);\n\n    const onScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n      e => {\n        resetHoveredRow();\n        if (!isVirtualized) {\n          const newLeft = (e.target as HTMLDivElement).scrollLeft;\n          const hasScroll = newLeft > 0;\n          setIsScrolled(prevScroll => (prevScroll !== hasScroll ? hasScroll : prevScroll));\n        }\n      },\n      [resetHoveredRow, isVirtualized]\n    );\n\n    const { gridTemplateColumns } = getTableRowLayoutStyles(columns);\n\n    /**\n     * The `--table-grid-template-columns` and `--table-row-size` variables will be available under each <Table /> scope\n     * and will be consumed in the stylesheets of its children (<TableHeader />, <TableRow />, <TableHeaderCell />)\n     */\n    const calculatedStyle = {\n      \"--table-grid-template-columns\": gridTemplateColumns,\n      \"--table-row-size\": `${RowHeights[size]}px`,\n      ...style\n    } as React.CSSProperties;\n\n    const tableProviderValue = useMemo<TableProviderValue>(\n      () => ({\n        columns,\n        dataState,\n        emptyState,\n        errorState,\n        size,\n        tableRootRef,\n        isVirtualized,\n        markTableAsVirtualized,\n        isScrolled,\n        setIsScrolled: (scrollLeft: boolean) => setIsScrolled(scrollLeft)\n      }),\n      [columns, dataState, emptyState, errorState, isVirtualized, markTableAsVirtualized, isScrolled, size]\n    );\n\n    const tableRowMenuProviderValue = useMemo<TableRowMenuProviderValue>(\n      () => ({\n        tableRootRef,\n        hoveredRowRef,\n        isMenuOpen,\n        resetHoveredRow,\n        setHoveredRowRef: (rowRef: React.RefObject<HTMLDivElement>) => setHoveredRowRef(rowRef),\n        setIsMenuOpen: (isOpen: boolean) => setIsMenuOpen(isOpen)\n      }),\n      [hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef]\n    );\n\n    return (\n      <TableProvider value={tableProviderValue}>\n        <TableRowMenuProvider value={tableRowMenuProviderValue}>\n          <div\n            ref={mergedRef}\n            id={id}\n            className={cx(\n              styles.table,\n              {\n                [styles.border]: !withoutBorder,\n                [styles.virtualized]: isVirtualized,\n                [styles.hasScroll]: isScrolled\n              },\n              className\n            )}\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE, id)}\n            role=\"table\"\n            style={calculatedStyle}\n            onScroll={onScroll}\n          >\n            {children}\n          </div>\n        </TableRowMenuProvider>\n      </TableProvider>\n    );\n  }\n);\n\ninterface TableStaticProps {\n  sizes: typeof RowSizesEnum;\n}\n\nexport default withStaticProps<TableProps, TableStaticProps>(Table, { sizes: RowSizesEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","withoutBorder","tableRootRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","resetHoveredRow","useCallback","_useState5","_useState6","isVirtualized","setIsVirtualized","markTableAsVirtualized","_useState7","_useState8","isScrolled","setIsScrolled","onScroll","e","hasScroll","target","scrollLeft","prevScroll","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","tableProviderValue","useMemo","tableRowMenuProviderValue","rowRef","isOpen","React","createElement","TableProvider","value","TableRowMenuProvider","cx","styles","table","_defineProperty","border","virtualized","getTestId","ComponentDefaultTestId","TABLE","role","sizes","RowSizesEnum"],"mappings":"uzBAyFA,IAuHeA,EAAAA,EAvHDC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAab,EAAba,cAIIC,EAAeC,EAAuB,MACtCC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAA0CL,EAA0C,MAAKM,EAAAJ,EAAAG,EAAA,GAAlFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAkBC,GAAY,WAClCN,GAAc,GACdI,EAAiB,KAClB,GAAE,IAEHG,EAA0CX,GAAkB,GAAMY,EAAAV,EAAAS,EAAA,GAA3DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAyBL,GAAY,WACzCI,GAAiB,EAClB,GAAE,IAEHE,EAAoChB,GAAkB,GAAMiB,EAAAf,EAAAc,EAAA,GAArDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAWV,GACf,SAAAW,GAEE,GADAZ,KACKI,EAAe,CAClB,IACMS,EADWD,EAAEE,OAA0BC,WACjB,EAC5BL,GAAc,SAAAM,GAAU,OAAKA,IAAeH,EAAYA,EAAYG,CAAU,GAC/E,CACH,GACA,CAAChB,EAAiBI,IAGpBa,EAAgCC,EAAwBzC,GAMlD0C,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,EAAWxC,GAAK,OACpCH,GAGC4C,EAAqBC,GACzB,WAAA,MAAO,CACLjD,QAAAA,EACAG,UAAAA,EACAD,WAAAA,EACAD,WAAAA,EACAM,KAAAA,EACAE,aAAAA,EACAkB,cAAAA,EACAE,uBAAAA,EACAG,WAAAA,EACAC,cAAe,SAACK,GAAmB,OAAKL,EAAcK,EAAW,EAClE,GACD,CAACtC,EAASG,EAAWD,EAAYD,EAAY0B,EAAeE,EAAwBG,EAAYzB,IAG5F2C,GAA4BD,GAChC,WAAA,MAAO,CACLxC,aAAAA,EACAY,cAAAA,EACAJ,WAAAA,EACAM,gBAAAA,EACAD,iBAAkB,SAAC6B,GAAuC,OAAK7B,EAAiB6B,EAAO,EACvFjC,cAAe,SAACkC,GAAe,OAAKlC,EAAckC,EAAO,EACzD,GACF,CAAC/B,EAAeJ,EAAYM,EAAiBD,IAG/C,OACE+B,EAACC,cAAAC,EAAc,CAAAC,MAAOR,GACpBK,EAAAC,cAACG,EAAoB,CAACD,MAAON,IAC3BG,EAAAC,cAAA,MAAA,CACE1D,IAAKe,EACLd,GAAIA,EACJC,UAAW4D,EACTC,EAAOC,MAAKC,EAAAA,EAAAA,EAAA,CAAA,EAETF,EAAOG,QAAUtD,GACjBmD,EAAOI,YAAcpC,GACrBgC,EAAOvB,UAAYJ,GAEtBlC,GAEW,cAAAC,GAAciE,EAAUC,EAAuBC,MAAOrE,GACnEsE,KAAK,QACL/D,MAAOsC,EACPR,SAAUA,GAET7B,IAKX,IAOkE,CAAE+D,MAAOC"}

package/dist/src/components/Table/Table/Table.module.scss.js

@@ -1,2 +0,0 @@
-var r={table:"table_1ea8a8c931",border:"border_682b2958e9",virtualized:"virtualized_4c05a42b76",hasScroll:"hasScroll_ff93f55574"};!function(r){const e="s_id-2b8bccf4a9c1_3_51_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".table_1ea8a8c931 {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table_1ea8a8c931.border_682b2958e9 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_1ea8a8c931 [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_1ea8a8c931 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_1ea8a8c931.virtualized_4c05a42b76 {\n  overflow: hidden;\n}\n.table_1ea8a8c931.hasScroll_ff93f55574 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
-//# sourceMappingURL=Table.module.scss.js.map

package/dist/src/components/Table/Table/Table.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Table/Table/TableConsts.js

@@ -1,2 +0,0 @@
-import{defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";var e,l=5;!function(r){r.SMALL="small",r.MEDIUM="medium",r.LARGE="large"}(e||(e={}));var a=r(r(r({},e.SMALL,32),e.MEDIUM,40),e.LARGE,48);export{a as RowHeights,e as RowSizes,l as SKELETON_ROWS_AMOUNT};
-//# sourceMappingURL=TableConsts.js.map

package/dist/src/components/Table/Table/TableConsts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableConsts.js","sources":["../../../../../src/components/Table/Table/TableConsts.ts"],"sourcesContent":["export const SKELETON_ROWS_AMOUNT = 5;\n\n/**\n * @deprecated\n */\nexport enum RowSizes {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n\nexport const RowHeights = {\n  [RowSizes.SMALL]: 32,\n  [RowSizes.MEDIUM]: 40,\n  [RowSizes.LARGE]: 48\n};\n"],"names":["RowSizes","SKELETON_ROWS_AMOUNT","RowHeights","_defineProperty","SMALL","MEDIUM","LARGE"],"mappings":"mFAAO,IAKKA,EALCC,EAAuB,GAKpC,SAAYD,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAEM,IAAME,EAAUC,EAAAA,EAAAA,EAAA,CAAA,EACpBH,EAASI,MAAQ,IACjBJ,EAASK,OAAS,IAClBL,EAASM,MAAQ"}

package/dist/src/components/Table/Table/tableHelpers.js

@@ -1,2 +0,0 @@
-import{SkeletonType as n}from"../../Skeleton/SkeletonConstants.js";import t from"../../../../icons/dist/react/SortAscending.js";import e from"../../../../icons/dist/react/SortDescending.js";import o from"../../../../icons/dist/react/Sort.js";function c(n){return"number"==typeof n?"".concat(n,"px"):"string"==typeof n?/%|px|fr$/.test(n)?n:"".concat(n,"px"):(null==n?void 0:n.min)&&(null==n?void 0:n.max)?"minmax(".concat(c(n.min),", ").concat(c(n.max),")"):"minmax(112px, 1fr)"}function i(n){return Object.assign(Object.assign({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{display:"grid",gridTemplateColumns:n.map((function(n){return c(n.width)})).join(" ")})}function r(n){return"asc"===n?t:"desc"===n?e:o}function s(n){return"asc"===n?"desc":"desc"===n?"none":"asc"}function a(n){return"asc"===n?"ascending":"desc"===n?"descending":"none"}function m(t){return"circle"===t?n.CIRCLE:"rectangle"===t?n.RECTANGLE:n.TEXT}function u(n,t){return"long-text"===n?["long-text","medium-text"][t%2]:n}export{c as generateWidth,a as getAriaSort,u as getLoadingTypeForCell,s as getNextSortState,m as getSkeletonType,r as getSortIcon,i as getTableRowLayoutStyles};
-//# sourceMappingURL=tableHelpers.js.map

package/dist/src/components/Table/Table/tableHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableHelpers.js","sources":["../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import React, { AriaAttributes } from \"react\";\nimport { TableColumn, TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { SkeletonType } from \"../../Skeleton/SkeletonConstants\";\n\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n  if (typeof width === \"number\") {\n    return `${width}px`;\n  } else if (typeof width === \"string\") {\n    return /%|px|fr$/.test(width) ? width : `${width}px`;\n  } else if (width?.min && width?.max) {\n    return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n  } else {\n    return \"minmax(112px, 1fr)\";\n  }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n  return {\n    ...style,\n    display: \"grid\",\n    gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n  };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n  if (sortState === \"asc\") {\n    return SortAscending;\n  } else if (sortState === \"desc\") {\n    return SortDescending;\n  } else {\n    return Sort;\n  }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n  if (sortState === \"asc\") {\n    return \"desc\";\n  } else if (sortState === \"desc\") {\n    return \"none\";\n  } else {\n    return \"asc\";\n  }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n  if (sortState === \"asc\") {\n    return \"ascending\";\n  }\n  if (sortState === \"desc\") {\n    return \"descending\";\n  }\n  return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n  if (loadingStateType === \"circle\") {\n    return SkeletonType.CIRCLE;\n  }\n  if (loadingStateType === \"rectangle\") {\n    return SkeletonType.RECTANGLE;\n  }\n  return SkeletonType.TEXT;\n}\n\nexport function getLoadingTypeForCell(\n  loadingStateType: TableLoadingStateType,\n  rowIndex: number\n): TableLoadingStateType {\n  return loadingStateType === \"long-text\"\n    ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n    : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","SkeletonType","CIRCLE","RECTANGLE","TEXT","getLoadingTypeForCell","rowIndex"],"mappings":"kPAOM,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAK,EAALA,EAAOG,OAAOH,aAAK,EAALA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACKC,EAAaC,OAEG,cAArBF,EACKC,EAAaE,UAEfF,EAAaG,IACtB,CAEgB,SAAAC,EACdL,EACAM,GAEA,MAA4B,cAArBN,EACF,CAAC,YAAa,eAA2CM,EAAW,GACrEN,CACN"}

package/dist/src/components/Table/TableBody/TableBody.js

@@ -1,2 +0,0 @@
-import{toConsumableArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r}from"react";import a from"classnames";import o from"../TableRow/TableRow.js";import s from"./TableBody.module.scss.js";import{useTable as l}from"../context/TableContext/TableContext.js";import m from"../TableCellSkeleton/TableCellSkeleton.js";import{SKELETON_ROWS_AMOUNT as n}from"../Table/TableConsts.js";import{getLoadingTypeForCell as i}from"../Table/tableHelpers.js";import{getTestId as p}from"../../../tests/testIds.js";import{ComponentDefaultTestId as c}from"../../../tests/constants.js";var d=r((function(r,d){var f=r.id,b=r.className,u=r["data-testid"],T=r.children,y=l(),j=y.emptyState,C=y.errorState,S=y.columns,g=y.dataState||{},v=g.isLoading,A=g.isError,B=e(Array(n)).map((function(e,r){return t.createElement(o,{key:r},S.map((function(e,a){var o=e.loadingStateType;return t.createElement(m,{key:"".concat(r,"-").concat(a),type:i(o,r)})})))}));return t.createElement("div",{ref:d,id:f,className:a(s.tableBody,b),"data-testid":u||p(c.TABLE_BODY,f),role:"rowgroup"},v?B:A?C:!T||Array.isArray(T)&&0===T.length?j:T)}));export{d as default};
-//# sourceMappingURL=TableBody.js.map

package/dist/src/components/Table/TableBody/TableBody.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableBody.js","sources":["../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import React, { ReactElement, ComponentProps, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { VibeComponentProps } from \"../../../types\";\nimport TableRow, { TableRowProps } from \"../TableRow/TableRow\";\nimport VirtualizedList from \"../../VirtualizedList/VirtualizedList\";\nimport styles from \"./TableBody.module.scss\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport TableCellSkeleton from \"../TableCellSkeleton/TableCellSkeleton\";\nimport { SKELETON_ROWS_AMOUNT } from \"../Table/TableConsts\";\nimport { getLoadingTypeForCell } from \"../Table/tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nexport interface TableBodyProps extends VibeComponentProps {\n  /**\n   * The child components inside the table body, such as `<TableRow />` elements.\n   */\n  children?:\n    | ReactElement<TableRowProps>\n    | ReactElement<TableRowProps>[]\n    | ReactElement<ComponentProps<typeof VirtualizedList>>;\n}\n\nconst TableBody = forwardRef(\n  ({ id, className, \"data-testid\": dataTestId, children }: TableBodyProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n    const { dataState, emptyState, errorState, columns } = useTable();\n    const { isLoading, isError } = dataState || {};\n\n    const skeletonRender = [...new Array(SKELETON_ROWS_AMOUNT)].map((_, rowIndex) => (\n      <TableRow key={rowIndex}>\n        {columns.map(({ loadingStateType }, columnIndex) => (\n          <TableCellSkeleton\n            key={`${rowIndex}-${columnIndex}`}\n            type={getLoadingTypeForCell(loadingStateType, rowIndex)}\n          />\n        ))}\n      </TableRow>\n    ));\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(styles.tableBody, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_BODY, id)}\n        role=\"rowgroup\"\n      >\n        {isLoading\n          ? skeletonRender\n          : isError\n          ? errorState\n          : !children || (Array.isArray(children) && children.length === 0)\n          ? emptyState\n          : children}\n      </div>\n    );\n  }\n);\n\nexport default TableBody;\n"],"names":["TableBody","forwardRef","_ref","ref","id","className","dataTestId","children","_useTable","useTable","emptyState","errorState","columns","_ref2","dataState","isLoading","isError","skeletonRender","_toConsumableArray","Array","SKELETON_ROWS_AMOUNT","map","_","rowIndex","React","TableRow","key","_ref3","columnIndex","loadingStateType","createElement","TableCellSkeleton","concat","type","getLoadingTypeForCell","cx","styles","tableBody","getTestId","ComponentDefaultTestId","TABLE_BODY","role","isArray","length"],"mappings":"8lBAuBMA,IAAAA,EAAYC,GAChB,SAAAC,EAAyEC,GAA2C,IAAjHC,EAAEF,EAAFE,GAAIC,EAASH,EAATG,UAA0BC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SAC3CC,EAAuDC,IAApCC,EAAUF,EAAVE,WAAYC,EAAUH,EAAVG,WAAYC,EAAOJ,EAAPI,QAC3CC,EADiBL,EAATM,WACoC,CAAE,EAAtCC,EAASF,EAATE,UAAWC,EAAOH,EAAPG,QAEbC,EAAiBC,EAAQC,MAAMC,IAAuBC,KAAI,SAACC,EAAGC,GAAQ,OAC1EC,gBAACC,EAAQ,CAACC,IAAKH,GACZX,EAAQS,KAAI,SAAAM,EAAuBC,GAAW,IAA/BC,EAAgBF,EAAhBE,iBAAgB,OAC9BL,EAACM,cAAAC,EACC,CAAAL,IAAG,GAAAM,OAAKT,OAAQS,OAAIJ,GACpBK,KAAMC,EAAsBL,EAAkBN,IAEjD,IACQ,IAGb,OACEC,EACEM,cAAA,MAAA,CAAA3B,IAAKA,EACLC,GAAIA,EACJC,UAAW8B,EAAGC,EAAOC,UAAWhC,iBACnBC,GAAcgC,EAAUC,EAAuBC,WAAYpC,GACxEqC,KAAK,YAEJ1B,EACGE,EACAD,EACAL,GACCJ,GAAaY,MAAMuB,QAAQnC,IAAiC,IAApBA,EAASoC,OAClDjC,EACAH,EAGV"}

package/dist/src/components/Table/TableBody/TableBody.module.scss.js

@@ -1,2 +0,0 @@
-var e={tableBody:"tableBody_860cad5ba1"};!function(e){const t="s_id-afed3a5f5737_3_51_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_860cad5ba1 {\n  height: 100%;\n}");export{e as default};
-//# sourceMappingURL=TableBody.module.scss.js.map

package/dist/src/components/Table/TableBody/TableBody.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableBody.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Table/TableCell/TableCell.js

@@ -1,2 +0,0 @@
-import{typeof as t,defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as s}from"react";import a from"../../Text/Text.js";import l from"./TableCell.module.scss.js";import o from"classnames";import{getTestId as i}from"../../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../../tests/constants.js";var n=s((function(s,n){var c=s.sticky,d=s.id,p=s.className,f=s["data-testid"],u=s.children,y=1===r.Children.count(u),j=t(r.Children.toArray(u)[0]),C="string"===j||"number"===j;return r.createElement("div",{ref:n,id:d,className:o(l.tableCell,e({},l.sticky,c),p),"data-testid":f||i(m.TABLE_CELL,d),role:"cell"},y&&C?r.createElement(a,{type:"text2",color:"primary"},u):u)}));export{n as default};
-//# sourceMappingURL=TableCell.js.map