@activecollab/components 2.0.304 → 2.0.307

package/dist/esm/components/ContentWizard/ContentStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentStepper.js","names":["React","forwardRef","useCallback","useMemo","useRef","useState","MoveFocusInside","ContentStep","ContentStepperContextProvider","StyledContentWizardContainer","StyledStepWrapper","SlideLeftRightTransition","ResizeTransition","ContentStepper","_ref","ref","children","className","step","controlledStep","onStepChange","childrenCollection","Children","toArray","internalStep","setInternalStep","enteredStep","setEnteredStep","height","setHeight","previousStepRef","activeStep","undefined","isLeft","prevStep","current","direction","setActiveStep","newStep","goNext","nextIndex","Math","min","length","goPrevious","prevIndex","max","handleHeight","element","offsetHeight","handleEntered","stepIndex","renderSteps","map","child","index","type","stepContent","cloneElement","key","isFirst","isLast","createElement","in","onEnter","onEntered","disabled","value","totalSteps","style","width","$height","displayName"],"sources":["../../../../src/components/ContentWizard/ContentStepper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { ContentStep } from \"./ContentStep\";\nimport { ContentStepperContextProvider } from \"./context/ContentStepperContext\";\nimport { StyledContentWizardContainer, StyledStepWrapper } from \"./Styles\";\nimport { SlideLeftRightTransition, ResizeTransition } from \"../Transitions\";\n\nexport interface IContentStepper {\n  children: ReactNode;\n  className?: string;\n  step?: number;\n  onStepChange?: (step: number) => void;\n}\n\nexport const ContentStepper = forwardRef<HTMLDivElement, IContentStepper>(\n  ({ children, className, step: controlledStep, onStepChange }, ref) => {\n    const childrenCollection = useMemo(\n      () => React.Children.toArray(children),\n      [children]\n    );\n\n    const [internalStep, setInternalStep] = useState(0);\n    const [enteredStep, setEnteredStep] = useState(0);\n    const [height, setHeight] = useState(\"auto\");\n    const previousStepRef = useRef(0);\n\n    // Use controlled step if provided, otherwise use internal state\n    const activeStep =\n      controlledStep !== undefined ? controlledStep : internalStep;\n\n    // Calculate direction synchronously based on step change\n    const isLeft = useMemo(() => {\n      const prevStep = previousStepRef.current;\n      const direction = activeStep > prevStep;\n      previousStepRef.current = activeStep;\n      return direction;\n    }, [activeStep]);\n\n    const setActiveStep = useCallback(\n      (newStep: number) => {\n        if (newStep === activeStep) return;\n\n        if (controlledStep === undefined) {\n          setInternalStep(newStep);\n        }\n\n        onStepChange?.(newStep);\n      },\n      [activeStep, controlledStep, onStepChange]\n    );\n\n    const goNext = useCallback(() => {\n      const nextIndex = Math.min(activeStep + 1, childrenCollection.length - 1);\n      setActiveStep(nextIndex);\n    }, [activeStep, childrenCollection.length, setActiveStep]);\n\n    const goPrevious = useCallback(() => {\n      const prevIndex = Math.max(activeStep - 1, 0);\n      setActiveStep(prevIndex);\n    }, [activeStep, setActiveStep]);\n\n    const handleHeight = useCallback((element: HTMLElement) => {\n      setHeight(`${element.offsetHeight}px`);\n    }, []);\n\n    const handleEntered = useCallback((stepIndex: number) => {\n      setEnteredStep(stepIndex);\n    }, []);\n\n    const renderSteps = useMemo(() => {\n      return childrenCollection.map((child, index) => {\n        const element = child as ReactElement;\n\n        if (element?.type === ContentStep) {\n          const stepContent = React.cloneElement(element, {\n            key: `step-${index}`,\n            index,\n            isFirst: index === 0,\n            isLast: index === childrenCollection.length - 1,\n          });\n\n          return (\n            <SlideLeftRightTransition\n              key={`transition-${index}`}\n              in={activeStep === index}\n              direction={isLeft ? \"left\" : \"right\"}\n              onEnter={handleHeight}\n              onEntered={() => handleEntered(index)}\n            >\n              <MoveFocusInside disabled={enteredStep !== index}>\n                <StyledStepWrapper>{stepContent}</StyledStepWrapper>\n              </MoveFocusInside>\n            </SlideLeftRightTransition>\n          );\n        }\n\n        return null;\n      });\n    }, [\n      activeStep,\n      childrenCollection,\n      isLeft,\n      enteredStep,\n      handleHeight,\n      handleEntered,\n    ]);\n\n    return (\n      <ContentStepperContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          goNext,\n          goPrevious,\n          direction: isLeft ? \"left\" : \"right\",\n          totalSteps: childrenCollection.length,\n        }}\n      >\n        <ResizeTransition in style={{ height, width: \"100%\" }}>\n          <StyledContentWizardContainer\n            ref={ref}\n            className={className}\n            $height={height}\n          >\n            {renderSteps}\n          </StyledContentWizardContainer>\n        </ResizeTransition>\n      </ContentStepperContextProvider>\n    );\n  }\n);\n\nContentStepper.displayName = \"ContentStepper\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContentStepper.js","names":["React","forwardRef","useCallback","useMemo","useRef","useState","MoveFocusInside","ContentStep","ContentStepperContextProvider","StyledContentWizardContainer","StyledStepWrapper","SlideLeftRightTransition","ResizeTransition","ContentStepper","_ref","ref","children","className","controlledStep","step","onStepChange","childrenCollection","Children","toArray","_useState","internalStep","setInternalStep","_useState2","enteredStep","setEnteredStep","_useState3","height","setHeight","previousStepRef","activeStep","undefined","isLeft","prevStep","current","direction","setActiveStep","newStep","goNext","nextIndex","Math","min","length","goPrevious","prevIndex","max","handleHeight","element","offsetHeight","handleEntered","stepIndex","renderSteps","map","child","index","type","stepContent","cloneElement","key","isFirst","isLast","createElement","in","onEnter","onEntered","disabled","value","totalSteps","style","width","$height","displayName"],"sources":["../../../../src/components/ContentWizard/ContentStepper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { ContentStep } from \"./ContentStep\";\nimport { ContentStepperContextProvider } from \"./context/ContentStepperContext\";\nimport { StyledContentWizardContainer, StyledStepWrapper } from \"./Styles\";\nimport { SlideLeftRightTransition, ResizeTransition } from \"../Transitions\";\n\nexport interface IContentStepper {\n  children: ReactNode;\n  className?: string;\n  step?: number;\n  onStepChange?: (step: number) => void;\n}\n\nexport const ContentStepper = forwardRef<HTMLDivElement, IContentStepper>(\n  ({ children, className, step: controlledStep, onStepChange }, ref) => {\n    const childrenCollection = useMemo(\n      () => React.Children.toArray(children),\n      [children]\n    );\n\n    const [internalStep, setInternalStep] = useState(0);\n    const [enteredStep, setEnteredStep] = useState(0);\n    const [height, setHeight] = useState(\"auto\");\n    const previousStepRef = useRef(0);\n\n    // Use controlled step if provided, otherwise use internal state\n    const activeStep =\n      controlledStep !== undefined ? controlledStep : internalStep;\n\n    // Calculate direction synchronously based on step change\n    const isLeft = useMemo(() => {\n      const prevStep = previousStepRef.current;\n      const direction = activeStep > prevStep;\n      previousStepRef.current = activeStep;\n      return direction;\n    }, [activeStep]);\n\n    const setActiveStep = useCallback(\n      (newStep: number) => {\n        if (newStep === activeStep) return;\n\n        if (controlledStep === undefined) {\n          setInternalStep(newStep);\n        }\n\n        onStepChange?.(newStep);\n      },\n      [activeStep, controlledStep, onStepChange]\n    );\n\n    const goNext = useCallback(() => {\n      const nextIndex = Math.min(activeStep + 1, childrenCollection.length - 1);\n      setActiveStep(nextIndex);\n    }, [activeStep, childrenCollection.length, setActiveStep]);\n\n    const goPrevious = useCallback(() => {\n      const prevIndex = Math.max(activeStep - 1, 0);\n      setActiveStep(prevIndex);\n    }, [activeStep, setActiveStep]);\n\n    const handleHeight = useCallback((element: HTMLElement) => {\n      setHeight(`${element.offsetHeight}px`);\n    }, []);\n\n    const handleEntered = useCallback((stepIndex: number) => {\n      setEnteredStep(stepIndex);\n    }, []);\n\n    const renderSteps = useMemo(() => {\n      return childrenCollection.map((child, index) => {\n        const element = child as ReactElement;\n\n        if (element?.type === ContentStep) {\n          const stepContent = React.cloneElement(element, {\n            key: `step-${index}`,\n            index,\n            isFirst: index === 0,\n            isLast: index === childrenCollection.length - 1,\n          });\n\n          return (\n            <SlideLeftRightTransition\n              key={`transition-${index}`}\n              in={activeStep === index}\n              direction={isLeft ? \"left\" : \"right\"}\n              onEnter={handleHeight}\n              onEntered={() => handleEntered(index)}\n            >\n              <MoveFocusInside disabled={enteredStep !== index}>\n                <StyledStepWrapper>{stepContent}</StyledStepWrapper>\n              </MoveFocusInside>\n            </SlideLeftRightTransition>\n          );\n        }\n\n        return null;\n      });\n    }, [\n      activeStep,\n      childrenCollection,\n      isLeft,\n      enteredStep,\n      handleHeight,\n      handleEntered,\n    ]);\n\n    return (\n      <ContentStepperContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          goNext,\n          goPrevious,\n          direction: isLeft ? \"left\" : \"right\",\n          totalSteps: childrenCollection.length,\n        }}\n      >\n        <ResizeTransition in style={{ height, width: \"100%\" }}>\n          <StyledContentWizardContainer\n            ref={ref}\n            className={className}\n            $height={height}\n          >\n            {renderSteps}\n          </StyledContentWizardContainer>\n        </ResizeTransition>\n      </ContentStepperContextProvider>\n    );\n  }\n);\n\nContentStepper.displayName = \"ContentStepper\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/ContentWizard/Styles.js

@@ -3,9 +3,7 @@ export const StyledContentWizardContainer = styled.div.withConfig({
   displayName: "Styles__StyledContentWizardContainer",
   componentId: "sc-16hr2bg-0"
 })(["height:", ";width:100%;position:relative;overflow:hidden;"], _ref => {
-  let {
-    $height
-  } = _ref;
+  let $height = _ref.$height;
   return $height;
 });
 export const StyledStepWrapper = styled.div.withConfig({

package/dist/esm/components/ContentWizard/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","StyledContentWizardContainer","div","withConfig","displayName","componentId","_ref","$height","StyledStepWrapper"],"sources":["../../../../src/components/ContentWizard/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledContentWizardContainer = styled.div<{ $height: string }>`\n  height: ${({ $height }) => $height};\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n`;\n\nexport const StyledStepWrapper = styled.div`\n  width: 100%;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,4BAA4B,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEAC1CC,IAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,IAAA;EAAA,OAAKC,OAAO;AAAA,EAInC;AAED,OAAO,MAAMC,iBAAiB,GAAGR,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mBAE1C","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","StyledContentWizardContainer","div","withConfig","displayName","componentId","_ref","$height","StyledStepWrapper"],"sources":["../../../../src/components/ContentWizard/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledContentWizardContainer = styled.div<{ $height: string }>`\n  height: ${({ $height }) => $height};\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n`;\n\nexport const StyledStepWrapper = styled.div`\n  width: 100%;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,4BAA4B,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEAC1CC,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAOA,OAAO;AAAA,EAInC;AAED,OAAO,MAAMC,iBAAiB,GAAGR,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mBAE1C","ignoreList":[]}

package/dist/esm/components/ContentWizard/context/ContentStepperContext.js

@@ -1,10 +1,8 @@
 import React, { createContext, useContext } from "react";
 const ContentStepperContext = /*#__PURE__*/createContext(undefined);
 export const ContentStepperContextProvider = _ref => {
-  let {
-    children,
-    value
-  } = _ref;
+  let children = _ref.children,
+    value = _ref.value;
   return /*#__PURE__*/React.createElement(ContentStepperContext.Provider, {
     value: value
   }, children);

package/dist/esm/components/ContentWizard/context/ContentStepperContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentStepperContext.js","names":["React","createContext","useContext","ContentStepperContext","undefined","ContentStepperContextProvider","_ref","children","value","createElement","Provider","useContentStepperContext","context","Error"],"sources":["../../../../../src/components/ContentWizard/context/ContentStepperContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\n\nexport interface IContentStepperContext {\n  activeStep: number;\n  setActiveStep: (step: number) => void;\n  goNext: () => void;\n  goPrevious: () => void;\n  direction: \"left\" | \"right\";\n  totalSteps: number;\n}\n\nconst ContentStepperContext = createContext<IContentStepperContext | undefined>(\n  undefined\n);\n\nexport interface IContentWizardContextProvider {\n  children: ReactNode;\n  value: IContentStepperContext;\n}\n\nexport const ContentStepperContextProvider: React.FC<\n  IContentWizardContextProvider\n> = ({ children, value }) => {\n  return (\n    <ContentStepperContext.Provider value={value}>\n      {children}\n    </ContentStepperContext.Provider>\n  );\n};\n\nexport const useContentStepperContext = (): IContentStepperContext => {\n  const context = useContext(ContentStepperContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useContentWizardContext must be used within a ContentWizardContextProvider\"\n    );\n  }\n\n  return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAmB,OAAO;AAWnE,MAAMC,qBAAqB,gBAAGF,aAAa,CACzCG,SACF,CAAC;AAOD,OAAO,MAAMC,6BAEZ,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAAF,IAAA;EACtB,oBACEN,KAAA,CAAAS,aAAA,CAACN,qBAAqB,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAC1CD,QAC6B,CAAC;AAErC,CAAC;AAED,OAAO,MAAMI,wBAAwB,GAAGA,CAAA,KAA8B;EACpE,MAAMC,OAAO,GAAGV,UAAU,CAACC,qBAAqB,CAAC;EAEjD,IAAIS,OAAO,KAAKR,SAAS,EAAE;IACzB,MAAM,IAAIS,KAAK,CACb,4EACF,CAAC;EACH;EAEA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
+{"version":3,"file":"ContentStepperContext.js","names":["React","createContext","useContext","ContentStepperContext","undefined","ContentStepperContextProvider","_ref","children","value","createElement","Provider","useContentStepperContext","context","Error"],"sources":["../../../../../src/components/ContentWizard/context/ContentStepperContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\n\nexport interface IContentStepperContext {\n  activeStep: number;\n  setActiveStep: (step: number) => void;\n  goNext: () => void;\n  goPrevious: () => void;\n  direction: \"left\" | \"right\";\n  totalSteps: number;\n}\n\nconst ContentStepperContext = createContext<IContentStepperContext | undefined>(\n  undefined\n);\n\nexport interface IContentWizardContextProvider {\n  children: ReactNode;\n  value: IContentStepperContext;\n}\n\nexport const ContentStepperContextProvider: React.FC<\n  IContentWizardContextProvider\n> = ({ children, value }) => {\n  return (\n    <ContentStepperContext.Provider value={value}>\n      {children}\n    </ContentStepperContext.Provider>\n  );\n};\n\nexport const useContentStepperContext = (): IContentStepperContext => {\n  const context = useContext(ContentStepperContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useContentWizardContext must be used within a ContentWizardContextProvider\"\n    );\n  }\n\n  return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAmB,OAAO;AAWnE,MAAMC,qBAAqB,gBAAGF,aAAa,CACzCG,SACF,CAAC;AAOD,OAAO,MAAMC,6BAEZ,GAAGC,IAAA,IAAyB;EAAA,IAAtBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;EACpB,oBACER,KAAA,CAAAS,aAAA,CAACN,qBAAqB,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAC1CD,QAC6B,CAAC;AAErC,CAAC;AAED,OAAO,MAAMI,wBAAwB,GAAGA,CAAA,KAA8B;EACpE,MAAMC,OAAO,GAAGV,UAAU,CAACC,qBAAqB,CAAC;EAEjD,IAAIS,OAAO,KAAKR,SAAS,EAAE;IACzB,MAAM,IAAIS,KAAK,CACb,4EACF,CAAC;EACH;EAEA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/esm/components/CounterButton/CounterButton.js

@@ -7,17 +7,17 @@ import { StyledBadge, StyledCounterButton, StyledCounterButtonLabel, StyledCount
 import CloseSmallIcon from "../Icons/collection/CloseSmall";
 import { Tooltip } from "../Tooltip/Tooltip";
 export const CounterButton = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      label,
-      icon,
-      active,
-      counter = 0,
-      tooltipText,
-      onClearAll,
-      className,
-      labelClassName,
-      disabled = false
-    } = _ref,
+  let label = _ref.label,
+    icon = _ref.icon,
+    active = _ref.active,
+    _ref$counter = _ref.counter,
+    counter = _ref$counter === void 0 ? 0 : _ref$counter,
+    tooltipText = _ref.tooltipText,
+    onClearAll = _ref.onClearAll,
+    className = _ref.className,
+    labelClassName = _ref.labelClassName,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledCounterButtonWrapper, {
     ref: ref,

package/dist/esm/components/CounterButton/CounterButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CounterButton.js","names":["React","forwardRef","classNames","StyledBadge","StyledCounterButton","StyledCounterButtonLabel","StyledCounterButtonReset","StyledCounterButtonWrapper","CloseSmallIcon","Tooltip","CounterButton","_ref","ref","label","icon","active","counter","tooltipText","onClearAll","className","labelClassName","disabled","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","$active","$selected","cloneElement","color","weight","isStandalone","dimension","value","title","popperTooltipClassName","onClick","displayName"],"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledBadge,\n  StyledCounterButton,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n  StyledCounterButtonWrapper,\n} from \"./Styles\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\n\nexport interface ICounterButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Number of applied filters */\n  counter?: number;\n  /** OnClearAll callback */\n  onClearAll: (event?) => void;\n  /** Tooltip content */\n  tooltipText?: string;\n  /** Applies passed classes */\n  className?: string;\n  /** Applies passed classes for label text */\n  labelClassName?: string;\n  /** Disabled state of a button */\n  disabled?: boolean;\n}\n\nexport const CounterButton = forwardRef<HTMLDivElement, ICounterButtonProps>(\n  (\n    {\n      label,\n      icon,\n      active,\n      counter = 0,\n      tooltipText,\n      onClearAll,\n      className,\n      labelClassName,\n      disabled = false,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledCounterButtonWrapper ref={ref} className={className}>\n        <StyledCounterButton\n          disabled={disabled}\n          aria-disabled={disabled}\n          className={classNames(\"c-counter-button\", {\n            \"c-counter-button__selected\": counter,\n          })}\n          {...args}\n          variant=\"text gray\"\n          $active={counter > 0 || active}\n          $selected={counter > 0}\n        >\n          {icon &&\n            React.cloneElement(icon, {\n              className: classNames(\"c-counter-button__icon\"),\n            })}\n          {label && (\n            <StyledCounterButtonLabel\n              color=\"secondary\"\n              weight=\"medium\"\n              className={classNames(\"c-counter-button__label\", labelClassName)}\n              $active={counter > 0 || active}\n            >\n              {label}\n            </StyledCounterButtonLabel>\n          )}\n          {counter > 0 ? (\n            <StyledBadge isStandalone={true} dimension={16} value={counter} />\n          ) : null}\n        </StyledCounterButton>\n        {counter > 0 ? (\n          <Tooltip\n            title={`${tooltipText}`}\n            popperTooltipClassName=\"z-index-1300\"\n          >\n            <StyledCounterButtonReset\n              variant=\"text colored\"\n              className=\"c-counter-button__reset\"\n              onClick={onClearAll}\n            >\n              <CloseSmallIcon />\n            </StyledCounterButtonReset>\n          </Tooltip>\n        ) : null}\n      </StyledCounterButtonWrapper>\n    );\n  }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAsB,OAAO;AAEvD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,WAAW,EACXC,mBAAmB,EACnBC,wBAAwB,EACxBC,wBAAwB,EACxBC,0BAA0B,QACrB,UAAU;AACjB,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,SAASC,OAAO,QAAQ,oBAAoB;AAuB5C,OAAO,MAAMC,aAAa,gBAAGT,UAAU,CACrC,CAAAU,IAAA,EAaEC,GAAG,KACA;EAAA,IAbH;MACEC,KAAK;MACLC,IAAI;MACJC,MAAM;MACNC,OAAO,GAAG,CAAC;MACXC,WAAW;MACXC,UAAU;MACVC,SAAS;MACTC,cAAc;MACdC,QAAQ,GAAG;IAEb,CAAC,GAAAV,IAAA;IADIW,IAAI,GAAAC,6BAAA,CAAAZ,IAAA,EAAAa,SAAA;EAIT,oBACExB,KAAA,CAAAyB,aAAA,CAAClB,0BAA0B;IAACK,GAAG,EAAEA,GAAI;IAACO,SAAS,EAAEA;EAAU,gBACzDnB,KAAA,CAAAyB,aAAA,CAACrB,mBAAmB,EAAAsB,QAAA;IAClBL,QAAQ,EAAEA,QAAS;IACnB,iBAAeA,QAAS;IACxBF,SAAS,EAAEjB,UAAU,CAAC,kBAAkB,EAAE;MACxC,4BAA4B,EAAEc;IAChC,CAAC;EAAE,GACCM,IAAI;IACRK,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAEZ,OAAO,GAAG,CAAC,IAAID,MAAO;IAC/Bc,SAAS,EAAEb,OAAO,GAAG;EAAE,IAEtBF,IAAI,iBACHd,KAAK,CAAC8B,YAAY,CAAChB,IAAI,EAAE;IACvBK,SAAS,EAAEjB,UAAU,CAAC,wBAAwB;EAChD,CAAC,CAAC,EACHW,KAAK,iBACJb,KAAA,CAAAyB,aAAA,CAACpB,wBAAwB;IACvB0B,KAAK,EAAC,WAAW;IACjBC,MAAM,EAAC,QAAQ;IACfb,SAAS,EAAEjB,UAAU,CAAC,yBAAyB,EAAEkB,cAAc,CAAE;IACjEQ,OAAO,EAAEZ,OAAO,GAAG,CAAC,IAAID;EAAO,GAE9BF,KACuB,CAC3B,EACAG,OAAO,GAAG,CAAC,gBACVhB,KAAA,CAAAyB,aAAA,CAACtB,WAAW;IAAC8B,YAAY,EAAE,IAAK;IAACC,SAAS,EAAE,EAAG;IAACC,KAAK,EAAEnB;EAAQ,CAAE,CAAC,GAChE,IACe,CAAC,EACrBA,OAAO,GAAG,CAAC,gBACVhB,KAAA,CAAAyB,aAAA,CAAChB,OAAO;IACN2B,KAAK,OAAKnB,WAAc;IACxBoB,sBAAsB,EAAC;EAAc,gBAErCrC,KAAA,CAAAyB,aAAA,CAACnB,wBAAwB;IACvBqB,OAAO,EAAC,cAAc;IACtBR,SAAS,EAAC,yBAAyB;IACnCmB,OAAO,EAAEpB;EAAW,gBAEpBlB,KAAA,CAAAyB,aAAA,CAACjB,cAAc,MAAE,CACO,CACnB,CAAC,GACR,IACsB,CAAC;AAEjC,CACF,CAAC;AAEDE,aAAa,CAAC6B,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"CounterButton.js","names":["React","forwardRef","classNames","StyledBadge","StyledCounterButton","StyledCounterButtonLabel","StyledCounterButtonReset","StyledCounterButtonWrapper","CloseSmallIcon","Tooltip","CounterButton","_ref","ref","label","icon","active","_ref$counter","counter","tooltipText","onClearAll","className","labelClassName","_ref$disabled","disabled","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","$active","$selected","cloneElement","color","weight","isStandalone","dimension","value","title","popperTooltipClassName","onClick","displayName"],"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledBadge,\n  StyledCounterButton,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n  StyledCounterButtonWrapper,\n} from \"./Styles\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\n\nexport interface ICounterButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Number of applied filters */\n  counter?: number;\n  /** OnClearAll callback */\n  onClearAll: (event?) => void;\n  /** Tooltip content */\n  tooltipText?: string;\n  /** Applies passed classes */\n  className?: string;\n  /** Applies passed classes for label text */\n  labelClassName?: string;\n  /** Disabled state of a button */\n  disabled?: boolean;\n}\n\nexport const CounterButton = forwardRef<HTMLDivElement, ICounterButtonProps>(\n  (\n    {\n      label,\n      icon,\n      active,\n      counter = 0,\n      tooltipText,\n      onClearAll,\n      className,\n      labelClassName,\n      disabled = false,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledCounterButtonWrapper ref={ref} className={className}>\n        <StyledCounterButton\n          disabled={disabled}\n          aria-disabled={disabled}\n          className={classNames(\"c-counter-button\", {\n            \"c-counter-button__selected\": counter,\n          })}\n          {...args}\n          variant=\"text gray\"\n          $active={counter > 0 || active}\n          $selected={counter > 0}\n        >\n          {icon &&\n            React.cloneElement(icon, {\n              className: classNames(\"c-counter-button__icon\"),\n            })}\n          {label && (\n            <StyledCounterButtonLabel\n              color=\"secondary\"\n              weight=\"medium\"\n              className={classNames(\"c-counter-button__label\", labelClassName)}\n              $active={counter > 0 || active}\n            >\n              {label}\n            </StyledCounterButtonLabel>\n          )}\n          {counter > 0 ? (\n            <StyledBadge isStandalone={true} dimension={16} value={counter} />\n          ) : null}\n        </StyledCounterButton>\n        {counter > 0 ? (\n          <Tooltip\n            title={`${tooltipText}`}\n            popperTooltipClassName=\"z-index-1300\"\n          >\n            <StyledCounterButtonReset\n              variant=\"text colored\"\n              className=\"c-counter-button__reset\"\n              onClick={onClearAll}\n            >\n              <CloseSmallIcon />\n            </StyledCounterButtonReset>\n          </Tooltip>\n        ) : null}\n      </StyledCounterButtonWrapper>\n    );\n  }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAsB,OAAO;AAEvD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,WAAW,EACXC,mBAAmB,EACnBC,wBAAwB,EACxBC,wBAAwB,EACxBC,0BAA0B,QACrB,UAAU;AACjB,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,SAASC,OAAO,QAAQ,oBAAoB;AAuB5C,OAAO,MAAMC,aAAa,gBAAGT,UAAU,CACrC,CAAAU,IAAA,EAaEC,GAAG,KACA;EAAA,IAZDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAAC,YAAA,GAAAL,IAAA,CACNM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,CAAC,GAAAA,YAAA;IACXE,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,cAAc,GAAAV,IAAA,CAAdU,cAAc;IAAAC,aAAA,GAAAX,IAAA,CACdY,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IACbE,IAAI,GAAAC,6BAAA,CAAAd,IAAA,EAAAe,SAAA;EAIT,oBACE1B,KAAA,CAAA2B,aAAA,CAACpB,0BAA0B;IAACK,GAAG,EAAEA,GAAI;IAACQ,SAAS,EAAEA;EAAU,gBACzDpB,KAAA,CAAA2B,aAAA,CAACvB,mBAAmB,EAAAwB,QAAA;IAClBL,QAAQ,EAAEA,QAAS;IACnB,iBAAeA,QAAS;IACxBH,SAAS,EAAElB,UAAU,CAAC,kBAAkB,EAAE;MACxC,4BAA4B,EAAEe;IAChC,CAAC;EAAE,GACCO,IAAI;IACRK,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAEb,OAAO,GAAG,CAAC,IAAIF,MAAO;IAC/BgB,SAAS,EAAEd,OAAO,GAAG;EAAE,IAEtBH,IAAI,iBACHd,KAAK,CAACgC,YAAY,CAAClB,IAAI,EAAE;IACvBM,SAAS,EAAElB,UAAU,CAAC,wBAAwB;EAChD,CAAC,CAAC,EACHW,KAAK,iBACJb,KAAA,CAAA2B,aAAA,CAACtB,wBAAwB;IACvB4B,KAAK,EAAC,WAAW;IACjBC,MAAM,EAAC,QAAQ;IACfd,SAAS,EAAElB,UAAU,CAAC,yBAAyB,EAAEmB,cAAc,CAAE;IACjES,OAAO,EAAEb,OAAO,GAAG,CAAC,IAAIF;EAAO,GAE9BF,KACuB,CAC3B,EACAI,OAAO,GAAG,CAAC,gBACVjB,KAAA,CAAA2B,aAAA,CAACxB,WAAW;IAACgC,YAAY,EAAE,IAAK;IAACC,SAAS,EAAE,EAAG;IAACC,KAAK,EAAEpB;EAAQ,CAAE,CAAC,GAChE,IACe,CAAC,EACrBA,OAAO,GAAG,CAAC,gBACVjB,KAAA,CAAA2B,aAAA,CAAClB,OAAO;IACN6B,KAAK,OAAKpB,WAAc;IACxBqB,sBAAsB,EAAC;EAAc,gBAErCvC,KAAA,CAAA2B,aAAA,CAACrB,wBAAwB;IACvBuB,OAAO,EAAC,cAAc;IACtBT,SAAS,EAAC,yBAAyB;IACnCoB,OAAO,EAAErB;EAAW,gBAEpBnB,KAAA,CAAA2B,aAAA,CAACnB,cAAc,MAAE,CACO,CACnB,CAAC,GACR,IACsB,CAAC;AAEjC,CACF,CAAC;AAEDE,aAAa,CAAC+B,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/components/DatePicker/DatePicker.js

@@ -17,80 +17,109 @@ export const toMoment = date => {
   return null;
 };
 export const DatePicker = _ref => {
-  let {
-    selected: defaultSelected,
-    onChange,
-    onSave,
-    onClear,
-    onClose,
-    instant = true,
-    target,
-    mode = "daily",
-    saveLabel = "Save",
-    cancelLabel = "Cancel",
-    clearLabel = "Clear",
-    disabledDaysBefore,
-    disabledDaysAfter,
-    disabled: disabledDays = [],
-    maxRange,
-    modifiers,
-    disableAnimations,
-    firstDayOfWeek = 0,
-    forceClose,
-    required,
-    month,
-    disableYearPicker,
-    position = "bottom-start",
-    menuClassName,
-    popperClassName,
-    enableConfirmModal = false,
-    modalTitle = "Save Changes",
-    modalDescription = "You updated the date. Would you like to save this change?",
-    modalSaveBtnText = "Save",
-    modalCancelBtnText = "Discard",
-    backgroundElementClass,
-    popperTooltipClassName,
-    popperTooltipStyle,
-    open,
-    onCalendarToggle,
-    onDayClick,
-    showControls
-  } = _ref;
-  const [isOpen, setIsOpen] = useState(open);
-  const [isYearSelectOpen, setIsYearSelectOpen] = useState(false);
-  const [showDiscardModal, setShowDiscardModal] = useState(false);
-  const [isMonthSelectOpen, setIsMonthSelectOpen] = useState(mode === "monthly" || mode === "quarterly");
-  const [monthTransitionDirection, setMonthTransitionDirection] = useState(null);
-  const [currentDate, setCurrentDate] = useState(() => {
-    if (defaultSelected && defaultSelected.from) {
-      return toMoment(defaultSelected.from);
-    }
-    if (month) {
-      return toMoment(month);
-    }
-    return moment.utc();
-  });
-  const [targetDate, setTargetDate] = useState(() => {
-    if (defaultSelected && defaultSelected.from) {
-      return toMoment(defaultSelected.from);
-    } else if (month) {
-      return toMoment(month);
-    }
-    return moment.utc();
-  });
-  const [selected, setSelected] = useState(() => {
-    if (!defaultSelected) {
-      return null;
-    }
-    if (!defaultSelected.from) {
-      return null;
-    }
-    return {
-      from: toMoment(defaultSelected.from),
-      to: defaultSelected.to ? toMoment(defaultSelected.to) : null
-    };
-  });
-  const [hoveredDate, setHoveredDate] = useState(null);
+  let defaultSelected = _ref.selected,
+    onChange = _ref.onChange,
+    onSave = _ref.onSave,
+    onClear = _ref.onClear,
+    onClose = _ref.onClose,
+    _ref$instant = _ref.instant,
+    instant = _ref$instant === void 0 ? true : _ref$instant,
+    target = _ref.target,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "daily" : _ref$mode,
+    _ref$saveLabel = _ref.saveLabel,
+    saveLabel = _ref$saveLabel === void 0 ? "Save" : _ref$saveLabel,
+    _ref$cancelLabel = _ref.cancelLabel,
+    cancelLabel = _ref$cancelLabel === void 0 ? "Cancel" : _ref$cancelLabel,
+    _ref$clearLabel = _ref.clearLabel,
+    clearLabel = _ref$clearLabel === void 0 ? "Clear" : _ref$clearLabel,
+    disabledDaysBefore = _ref.disabledDaysBefore,
+    disabledDaysAfter = _ref.disabledDaysAfter,
+    _ref$disabled = _ref.disabled,
+    disabledDays = _ref$disabled === void 0 ? [] : _ref$disabled,
+    maxRange = _ref.maxRange,
+    modifiers = _ref.modifiers,
+    disableAnimations = _ref.disableAnimations,
+    _ref$firstDayOfWeek = _ref.firstDayOfWeek,
+    firstDayOfWeek = _ref$firstDayOfWeek === void 0 ? 0 : _ref$firstDayOfWeek,
+    forceClose = _ref.forceClose,
+    required = _ref.required,
+    month = _ref.month,
+    disableYearPicker = _ref.disableYearPicker,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "bottom-start" : _ref$position,
+    menuClassName = _ref.menuClassName,
+    popperClassName = _ref.popperClassName,
+    _ref$enableConfirmMod = _ref.enableConfirmModal,
+    enableConfirmModal = _ref$enableConfirmMod === void 0 ? false : _ref$enableConfirmMod,
+    _ref$modalTitle = _ref.modalTitle,
+    modalTitle = _ref$modalTitle === void 0 ? "Save Changes" : _ref$modalTitle,
+    _ref$modalDescription = _ref.modalDescription,
+    modalDescription = _ref$modalDescription === void 0 ? "You updated the date. Would you like to save this change?" : _ref$modalDescription,
+    _ref$modalSaveBtnText = _ref.modalSaveBtnText,
+    modalSaveBtnText = _ref$modalSaveBtnText === void 0 ? "Save" : _ref$modalSaveBtnText,
+    _ref$modalCancelBtnTe = _ref.modalCancelBtnText,
+    modalCancelBtnText = _ref$modalCancelBtnTe === void 0 ? "Discard" : _ref$modalCancelBtnTe,
+    backgroundElementClass = _ref.backgroundElementClass,
+    popperTooltipClassName = _ref.popperTooltipClassName,
+    popperTooltipStyle = _ref.popperTooltipStyle,
+    open = _ref.open,
+    onCalendarToggle = _ref.onCalendarToggle,
+    onDayClick = _ref.onDayClick,
+    showControls = _ref.showControls;
+  const _useState = useState(open),
+    isOpen = _useState[0],
+    setIsOpen = _useState[1];
+  const _useState2 = useState(false),
+    isYearSelectOpen = _useState2[0],
+    setIsYearSelectOpen = _useState2[1];
+  const _useState3 = useState(false),
+    showDiscardModal = _useState3[0],
+    setShowDiscardModal = _useState3[1];
+  const _useState4 = useState(mode === "monthly" || mode === "quarterly"),
+    isMonthSelectOpen = _useState4[0],
+    setIsMonthSelectOpen = _useState4[1];
+  const _useState5 = useState(null),
+    monthTransitionDirection = _useState5[0],
+    setMonthTransitionDirection = _useState5[1];
+  const _useState6 = useState(() => {
+      if (defaultSelected && defaultSelected.from) {
+        return toMoment(defaultSelected.from);
+      }
+      if (month) {
+        return toMoment(month);
+      }
+      return moment.utc();
+    }),
+    currentDate = _useState6[0],
+    setCurrentDate = _useState6[1];
+  const _useState7 = useState(() => {
+      if (defaultSelected && defaultSelected.from) {
+        return toMoment(defaultSelected.from);
+      } else if (month) {
+        return toMoment(month);
+      }
+      return moment.utc();
+    }),
+    targetDate = _useState7[0],
+    setTargetDate = _useState7[1];
+  const _useState8 = useState(() => {
+      if (!defaultSelected) {
+        return null;
+      }
+      if (!defaultSelected.from) {
+        return null;
+      }
+      return {
+        from: toMoment(defaultSelected.from),
+        to: defaultSelected.to ? toMoment(defaultSelected.to) : null
+      };
+    }),
+    selected = _useState8[0],
+    setSelected = _useState8[1];
+  const _useState9 = useState(null),
+    hoveredDate = _useState9[0],
+    setHoveredDate = _useState9[1];
   const timezone = moment.defaultZone ? moment.defaultZone.name : moment.tz.guess();
   const currentDateInTimezone = moment().tz(timezone).format("YYYY-MM-DD");
   const today = moment.utc(currentDateInTimezone);
@@ -465,10 +494,9 @@ export const DatePicker = _ref => {
       const modifierTitles = [];
       let titles;
       if (modifiers) Object.keys(modifiers || {}).forEach(modifier => {
-        const {
-          matched,
-          title
-        } = modifiers[modifier](clonedDate);
+        const _modifiers$modifier = modifiers[modifier](clonedDate),
+          matched = _modifiers$modifier.matched,
+          title = _modifiers$modifier.title;
         if (matched) {
           modifierClasses.push(modifier);
           if (title) modifierTitles.push(title);