@activecollab/components 2.0.303 → 2.0.305

package/dist/esm/components/EditableCurrency/EditableCurrency.js

@@ -7,59 +7,63 @@ import { numberWithSeparator, useForkRef } from "../../utils";
 import { EditableContent } from "../EditableContent";
 import { Tooltip } from "../Tooltip";
 export const EditableCurrency = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      decimalLength = 2,
-      decimalSeparator = ".",
-      disableAbbreviation = false,
-      disabled,
-      disableMacros = false,
-      step = 1,
-      thousandSeparator = ",",
+  let _ref$decimalLength = _ref.decimalLength,
+    decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
+    _ref$decimalSeparator = _ref.decimalSeparator,
+    decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
+    _ref$disableAbbreviat = _ref.disableAbbreviation,
+    disableAbbreviation = _ref$disableAbbreviat === void 0 ? false : _ref$disableAbbreviat,
+    disabled = _ref.disabled,
+    _ref$disableMacros = _ref.disableMacros,
+    disableMacros = _ref$disableMacros === void 0 ? false : _ref$disableMacros,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 1 : _ref$step,
+    _ref$thousandSeparato = _ref.thousandSeparator,
+    thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
+    defaultValue = _ref.value,
+    onSave = _ref.onSave,
+    onCancel = _ref.onCancel,
+    className = _ref.className,
+    allowEmptyValue = _ref.allowEmptyValue,
+    externalEnterKeyPress = _ref.onEnterKeyPress,
+    externalOnClick = _ref.onClick,
+    externalOnChange = _ref.onChange,
+    _ref$trimDecimals = _ref.trimDecimals,
+    trimDecimals = _ref$trimDecimals === void 0 ? true : _ref$trimDecimals,
+    min = _ref.min,
+    max = _ref.max,
+    invalid = _ref.invalid,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const inputRef = useRef(null);
+  const handleRef = useForkRef(ref, inputRef);
+  const _useInputNumber = useInputNumber({
+      decimalLength,
+      decimalSeparator,
+      disableAbbreviation,
+      disableMacros,
+      step,
+      thousandSeparator,
       value: defaultValue,
       onSave,
-      onCancel,
-      className,
       allowEmptyValue,
+      onCancel,
+      onChange: externalOnChange,
       onEnterKeyPress: externalEnterKeyPress,
       onClick: externalOnClick,
-      onChange: externalOnChange,
-      trimDecimals = true,
+      trimDecimals,
       min,
       max,
-      invalid
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const inputRef = useRef(null);
-  const handleRef = useForkRef(ref, inputRef);
-  const {
-    value,
-    onBlur,
-    onKeyDown,
-    onChange,
-    onClick,
-    onDoubleClick,
-    onFocus,
-    focused,
-    unformattedValue
-  } = useInputNumber({
-    decimalLength,
-    decimalSeparator,
-    disableAbbreviation,
-    disableMacros,
-    step,
-    thousandSeparator,
-    value: defaultValue,
-    onSave,
-    allowEmptyValue,
-    onCancel,
-    onChange: externalOnChange,
-    onEnterKeyPress: externalEnterKeyPress,
-    onClick: externalOnClick,
-    trimDecimals,
-    min,
-    max,
-    shortenThreshold: 10000
-  }, inputRef);
+      shortenThreshold: 10000
+    }, inputRef),
+    value = _useInputNumber.value,
+    onBlur = _useInputNumber.onBlur,
+    onKeyDown = _useInputNumber.onKeyDown,
+    onChange = _useInputNumber.onChange,
+    onClick = _useInputNumber.onClick,
+    onDoubleClick = _useInputNumber.onDoubleClick,
+    onFocus = _useInputNumber.onFocus,
+    focused = _useInputNumber.focused,
+    unformattedValue = _useInputNumber.unformattedValue;
   const formattedValue = useMemo(() => {
     return focused ? value : numberWithSeparator(value != null ? value : "", "", decimalSeparator);
   }, [focused, value, decimalSeparator]);

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

@@ -1 +1 @@
-{"version":3,"file":"EditableCurrency.js","names":["React","useMemo","useRef","useInputNumber","numberWithSeparator","useForkRef","EditableContent","Tooltip","EditableCurrency","forwardRef","_ref","ref","decimalLength","decimalSeparator","disableAbbreviation","disabled","disableMacros","step","thousandSeparator","value","defaultValue","onSave","onCancel","className","allowEmptyValue","onEnterKeyPress","externalEnterKeyPress","onClick","externalOnClick","onChange","externalOnChange","trimDecimals","min","max","invalid","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","onBlur","onKeyDown","onDoubleClick","onFocus","focused","unformattedValue","shortenThreshold","formattedValue","createElement","title","disable","inputProps","_extends","displayName"],"sources":["../../../../src/components/EditableCurrency/EditableCurrency.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\n\nimport { IInputNumber, useInputNumber } from \"../../hooks\";\nimport { numberWithSeparator, useForkRef } from \"../../utils\";\nimport { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport { Tooltip } from \"../Tooltip\";\n\nexport interface EditableCurrencyProps\n  extends EditableContentInterface,\n    Omit<IInputNumber, \"limit\" | \"onBlur\"> {\n  className?: string;\n}\n\nexport const EditableCurrency = React.forwardRef<\n  HTMLDivElement,\n  EditableCurrencyProps\n>(\n  (\n    {\n      decimalLength = 2,\n      decimalSeparator = \".\",\n      disableAbbreviation = false,\n      disabled,\n      disableMacros = false,\n      step = 1,\n      thousandSeparator = \",\",\n      value: defaultValue,\n      onSave,\n      onCancel,\n      className,\n      allowEmptyValue,\n      onEnterKeyPress: externalEnterKeyPress,\n      onClick: externalOnClick,\n      onChange: externalOnChange,\n      trimDecimals = true,\n      min,\n      max,\n      invalid,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const {\n      value,\n      onBlur,\n      onKeyDown,\n      onChange,\n      onClick,\n      onDoubleClick,\n      onFocus,\n      focused,\n      unformattedValue,\n    } = useInputNumber(\n      {\n        decimalLength,\n        decimalSeparator,\n        disableAbbreviation,\n        disableMacros,\n        step,\n        thousandSeparator,\n        value: defaultValue,\n        onSave,\n        allowEmptyValue,\n        onCancel,\n        onChange: externalOnChange,\n        onEnterKeyPress: externalEnterKeyPress,\n        onClick: externalOnClick,\n        trimDecimals,\n        min,\n        max,\n        shortenThreshold: 10000,\n      },\n      inputRef\n    );\n\n    const formattedValue = useMemo(() => {\n      return focused\n        ? value\n        : numberWithSeparator(value ?? \"\", \"\", decimalSeparator);\n    }, [focused, value, decimalSeparator]);\n\n    return (\n      <Tooltip\n        title={\n          numberWithSeparator(\n            unformattedValue ?? \"\",\n            thousandSeparator,\n            decimalSeparator\n          ) as string\n        }\n        disable={focused}\n      >\n        <EditableContent\n          disabled={disabled}\n          ref={handleRef}\n          className={className}\n          invalid={invalid}\n          inputProps={{\n            value: formattedValue,\n            onBlur: onBlur,\n            onChange: onChange,\n            onKeyDown: onKeyDown,\n            onClick: onClick,\n            onFocus: onFocus,\n            onDoubleClick: onDoubleClick,\n            ...rest,\n          }}\n        />\n      </Tooltip>\n    );\n  }\n);\n\nEditableCurrency.displayName = \"EditableCurrency\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAE9C,SAAuBC,cAAc,QAAQ,aAAa;AAC1D,SAASC,mBAAmB,EAAEC,UAAU,QAAQ,aAAa;AAC7D,SAASC,eAAe,QAAkC,oBAAoB;AAC9E,SAASC,OAAO,QAAQ,YAAY;AAQpC,OAAO,MAAMC,gBAAgB,gBAAGR,KAAK,CAACS,UAAU,CAI9C,CAAAC,IAAA,EAuBEC,GAAG,KACA;EAAA,IAvBH;MACEC,aAAa,GAAG,CAAC;MACjBC,gBAAgB,GAAG,GAAG;MACtBC,mBAAmB,GAAG,KAAK;MAC3BC,QAAQ;MACRC,aAAa,GAAG,KAAK;MACrBC,IAAI,GAAG,CAAC;MACRC,iBAAiB,GAAG,GAAG;MACvBC,KAAK,EAAEC,YAAY;MACnBC,MAAM;MACNC,QAAQ;MACRC,SAAS;MACTC,eAAe;MACfC,eAAe,EAAEC,qBAAqB;MACtCC,OAAO,EAAEC,eAAe;MACxBC,QAAQ,EAAEC,gBAAgB;MAC1BC,YAAY,GAAG,IAAI;MACnBC,GAAG;MACHC,GAAG;MACHC;IAEF,CAAC,GAAAxB,IAAA;IADIyB,IAAI,GAAAC,6BAAA,CAAA1B,IAAA,EAAA2B,SAAA;EAIT,MAAMC,QAAQ,GAAGpC,MAAM,CAAmB,IAAI,CAAC;EAC/C,MAAMqC,SAAS,GAAGlC,UAAU,CAACM,GAAG,EAAE2B,QAAQ,CAAC;EAE3C,MAAM;IACJnB,KAAK;IACLqB,MAAM;IACNC,SAAS;IACTZ,QAAQ;IACRF,OAAO;IACPe,aAAa;IACbC,OAAO;IACPC,OAAO;IACPC;EACF,CAAC,GAAG1C,cAAc,CAChB;IACES,aAAa;IACbC,gBAAgB;IAChBC,mBAAmB;IACnBE,aAAa;IACbC,IAAI;IACJC,iBAAiB;IACjBC,KAAK,EAAEC,YAAY;IACnBC,MAAM;IACNG,eAAe;IACfF,QAAQ;IACRO,QAAQ,EAAEC,gBAAgB;IAC1BL,eAAe,EAAEC,qBAAqB;IACtCC,OAAO,EAAEC,eAAe;IACxBG,YAAY;IACZC,GAAG;IACHC,GAAG;IACHa,gBAAgB,EAAE;EACpB,CAAC,EACDR,QACF,CAAC;EAED,MAAMS,cAAc,GAAG9C,OAAO,CAAC,MAAM;IACnC,OAAO2C,OAAO,GACVzB,KAAK,GACLf,mBAAmB,CAACe,KAAK,WAALA,KAAK,GAAI,EAAE,EAAE,EAAE,EAAEN,gBAAgB,CAAC;EAC5D,CAAC,EAAE,CAAC+B,OAAO,EAAEzB,KAAK,EAAEN,gBAAgB,CAAC,CAAC;EAEtC,oBACEb,KAAA,CAAAgD,aAAA,CAACzC,OAAO;IACN0C,KAAK,EACH7C,mBAAmB,CACjByC,gBAAgB,WAAhBA,gBAAgB,GAAI,EAAE,EACtB3B,iBAAiB,EACjBL,gBACF,CACD;IACDqC,OAAO,EAAEN;EAAQ,gBAEjB5C,KAAA,CAAAgD,aAAA,CAAC1C,eAAe;IACdS,QAAQ,EAAEA,QAAS;IACnBJ,GAAG,EAAE4B,SAAU;IACfhB,SAAS,EAAEA,SAAU;IACrBW,OAAO,EAAEA,OAAQ;IACjBiB,UAAU,EAAAC,QAAA;MACRjC,KAAK,EAAE4B,cAAc;MACrBP,MAAM,EAAEA,MAAM;MACdX,QAAQ,EAAEA,QAAQ;MAClBY,SAAS,EAAEA,SAAS;MACpBd,OAAO,EAAEA,OAAO;MAChBgB,OAAO,EAAEA,OAAO;MAChBD,aAAa,EAAEA;IAAa,GACzBP,IAAI;EACP,CACH,CACM,CAAC;AAEd,CACF,CAAC;AAED3B,gBAAgB,CAAC6C,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"file":"EditableCurrency.js","names":["React","useMemo","useRef","useInputNumber","numberWithSeparator","useForkRef","EditableContent","Tooltip","EditableCurrency","forwardRef","_ref","ref","_ref$decimalLength","decimalLength","_ref$decimalSeparator","decimalSeparator","_ref$disableAbbreviat","disableAbbreviation","disabled","_ref$disableMacros","disableMacros","_ref$step","step","_ref$thousandSeparato","thousandSeparator","defaultValue","value","onSave","onCancel","className","allowEmptyValue","externalEnterKeyPress","onEnterKeyPress","externalOnClick","onClick","externalOnChange","onChange","_ref$trimDecimals","trimDecimals","min","max","invalid","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","_useInputNumber","shortenThreshold","onBlur","onKeyDown","onDoubleClick","onFocus","focused","unformattedValue","formattedValue","createElement","title","disable","inputProps","_extends","displayName"],"sources":["../../../../src/components/EditableCurrency/EditableCurrency.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\n\nimport { IInputNumber, useInputNumber } from \"../../hooks\";\nimport { numberWithSeparator, useForkRef } from \"../../utils\";\nimport { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport { Tooltip } from \"../Tooltip\";\n\nexport interface EditableCurrencyProps\n  extends EditableContentInterface,\n    Omit<IInputNumber, \"limit\" | \"onBlur\"> {\n  className?: string;\n}\n\nexport const EditableCurrency = React.forwardRef<\n  HTMLDivElement,\n  EditableCurrencyProps\n>(\n  (\n    {\n      decimalLength = 2,\n      decimalSeparator = \".\",\n      disableAbbreviation = false,\n      disabled,\n      disableMacros = false,\n      step = 1,\n      thousandSeparator = \",\",\n      value: defaultValue,\n      onSave,\n      onCancel,\n      className,\n      allowEmptyValue,\n      onEnterKeyPress: externalEnterKeyPress,\n      onClick: externalOnClick,\n      onChange: externalOnChange,\n      trimDecimals = true,\n      min,\n      max,\n      invalid,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const {\n      value,\n      onBlur,\n      onKeyDown,\n      onChange,\n      onClick,\n      onDoubleClick,\n      onFocus,\n      focused,\n      unformattedValue,\n    } = useInputNumber(\n      {\n        decimalLength,\n        decimalSeparator,\n        disableAbbreviation,\n        disableMacros,\n        step,\n        thousandSeparator,\n        value: defaultValue,\n        onSave,\n        allowEmptyValue,\n        onCancel,\n        onChange: externalOnChange,\n        onEnterKeyPress: externalEnterKeyPress,\n        onClick: externalOnClick,\n        trimDecimals,\n        min,\n        max,\n        shortenThreshold: 10000,\n      },\n      inputRef\n    );\n\n    const formattedValue = useMemo(() => {\n      return focused\n        ? value\n        : numberWithSeparator(value ?? \"\", \"\", decimalSeparator);\n    }, [focused, value, decimalSeparator]);\n\n    return (\n      <Tooltip\n        title={\n          numberWithSeparator(\n            unformattedValue ?? \"\",\n            thousandSeparator,\n            decimalSeparator\n          ) as string\n        }\n        disable={focused}\n      >\n        <EditableContent\n          disabled={disabled}\n          ref={handleRef}\n          className={className}\n          invalid={invalid}\n          inputProps={{\n            value: formattedValue,\n            onBlur: onBlur,\n            onChange: onChange,\n            onKeyDown: onKeyDown,\n            onClick: onClick,\n            onFocus: onFocus,\n            onDoubleClick: onDoubleClick,\n            ...rest,\n          }}\n        />\n      </Tooltip>\n    );\n  }\n);\n\nEditableCurrency.displayName = \"EditableCurrency\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/EditableHours/EditableHours.js

@@ -11,55 +11,52 @@ const StyledEditableContent = styled(EditableContent).withConfig({
   displayName: "EditableHours__StyledEditableContent",
   componentId: "sc-nvi34j-0"
 })(["", ""], _ref => {
-  let {
-    $ticking
-  } = _ref;
+  let $ticking = _ref.$ticking;
   return $ticking && css([".presentation{visibility:visible;}input{opacity:0;}"]);
 });
 export const EditableHours = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
-  let {
+  let defaultValue = _ref2.value,
+    onCancel = _ref2.onCancel,
+    onSave = _ref2.onSave,
+    allowEmptyValue = _ref2.allowEmptyValue,
+    _ref2$withLeadingZero = _ref2.withLeadingZero,
+    withLeadingZero = _ref2$withLeadingZero === void 0 ? true : _ref2$withLeadingZero,
+    _ref2$validation = _ref2.validation,
+    validation = _ref2$validation === void 0 ? validateTimeInput : _ref2$validation,
+    _ref2$incrementOnlySe = _ref2.incrementOnlySelected,
+    incrementOnlySelected = _ref2$incrementOnlySe === void 0 ? false : _ref2$incrementOnlySe,
+    _ref2$minuteIncrement = _ref2.minuteIncrement,
+    minuteIncrement = _ref2$minuteIncrement === void 0 ? 1 : _ref2$minuteIncrement,
+    className = _ref2.className,
+    externalEnterKeyPress = _ref2.onEnterKeyPress,
+    externalInputProps = _ref2.inputProps,
+    externalOnClick = _ref2.onClick,
+    ticking = _ref2.ticking,
+    onFocus = _ref2.onFocus,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
+  const inputRef = useRef(null);
+  const handleRef = useForkRef(ref, inputRef);
+  const _useInputHours = useInputHours({
       value: defaultValue,
-      onCancel,
+      withLeadingZero,
       onSave,
+      validation,
       allowEmptyValue,
-      withLeadingZero = true,
-      validation = validateTimeInput,
-      incrementOnlySelected = false,
-      minuteIncrement = 1,
-      className,
+      onCancel,
+      minuteIncrement,
+      incrementOnlySelected,
       onEnterKeyPress: externalEnterKeyPress,
-      inputProps: externalInputProps,
-      onClick: externalOnClick,
-      ticking,
-      onFocus
-    } = _ref2,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-  const inputRef = useRef(null);
-  const handleRef = useForkRef(ref, inputRef);
-  const {
-    inputProps,
-    setCurrentValue,
-    setPrevValue
-  } = useInputHours({
-    value: defaultValue,
-    withLeadingZero,
-    onSave,
-    validation,
-    allowEmptyValue,
-    onCancel,
-    minuteIncrement,
-    incrementOnlySelected,
-    onEnterKeyPress: externalEnterKeyPress,
-    onClick: externalOnClick
-  }, inputRef);
-  const {
-    value,
-    onBlur,
-    onKeyDown,
-    onChange,
-    onClick,
-    onDoubleClick
-  } = inputProps;
+      onClick: externalOnClick
+    }, inputRef),
+    inputProps = _useInputHours.inputProps,
+    setCurrentValue = _useInputHours.setCurrentValue,
+    setPrevValue = _useInputHours.setPrevValue;
+  const value = inputProps.value,
+    onBlur = inputProps.onBlur,
+    onKeyDown = inputProps.onKeyDown,
+    onChange = inputProps.onChange,
+    onClick = inputProps.onClick,
+    onDoubleClick = inputProps.onDoubleClick;
   useEffect(() => {
     let _value;
     if (defaultValue !== undefined) {
@@ -80,7 +77,9 @@ export const EditableHours = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   }, [defaultValue, setCurrentValue, setPrevValue, withLeadingZero]);
   const splitTime = useMemo(() => {
     if (value && ticking) {
-      const [hours, minutes] = value.split(":");
+      const _value$split = value.split(":"),
+        hours = _value$split[0],
+        minutes = _value$split[1];
       return {
         hours,
         minutes

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

@@ -1 +1 @@
-{"version":3,"file":"EditableHours.js","names":["React","useEffect","useMemo","useRef","styled","css","useInputHours","formatHours","validateTimeInput","useForkRef","EditableContent","StyledEditableContent","withConfig","displayName","componentId","_ref","$ticking","EditableHours","forwardRef","_ref2","ref","value","defaultValue","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","className","onEnterKeyPress","externalEnterKeyPress","inputProps","externalInputProps","onClick","externalOnClick","ticking","onFocus","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","setCurrentValue","setPrevValue","onBlur","onKeyDown","onChange","onDoubleClick","_value","undefined","prevState","splitTime","hours","minutes","split","createElement","_extends","type","Fragment"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, FocusEvent } from \"react\";\n\nimport styled, { css } from \"styled-components\";\n\nimport { IInputHours, useInputHours } from \"../../hooks/useInputHours\";\nimport { formatHours, validateTimeInput } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { EditableContent, EditableContentInterface } from \"../EditableContent\";\n\nexport interface EditableHoursProps\n  extends EditableContentInterface,\n    Omit<IInputHours, \"onChange\"> {\n  className?: string;\n  ticking?: boolean;\n  onFocus?: (event: FocusEvent) => void;\n}\n\nconst StyledEditableContent = styled(EditableContent)<{ $ticking?: boolean }>`\n  ${({ $ticking }) =>\n    $ticking &&\n    css`\n      .presentation {\n        visibility: visible;\n      }\n\n      input {\n        opacity: 0;\n      }\n    `}\n`;\n\nexport const EditableHours = React.forwardRef<\n  HTMLDivElement,\n  EditableHoursProps\n>(\n  (\n    {\n      value: defaultValue,\n      onCancel,\n      onSave,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      className,\n      onEnterKeyPress: externalEnterKeyPress,\n      inputProps: externalInputProps,\n      onClick: externalOnClick,\n      ticking,\n      onFocus,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const { inputProps, setCurrentValue, setPrevValue } = useInputHours(\n      {\n        value: defaultValue,\n        withLeadingZero,\n        onSave,\n        validation,\n        allowEmptyValue,\n        onCancel,\n        minuteIncrement,\n        incrementOnlySelected,\n        onEnterKeyPress: externalEnterKeyPress,\n        onClick: externalOnClick,\n      },\n      inputRef\n    );\n\n    const { value, onBlur, onKeyDown, onChange, onClick, onDoubleClick } =\n      inputProps;\n\n    useEffect(() => {\n      let _value;\n      if (defaultValue !== undefined) {\n        _value = formatHours(defaultValue, withLeadingZero);\n      }\n      setCurrentValue((prevState) => {\n        if (prevState !== _value) {\n          return _value;\n        }\n        return prevState;\n      });\n      setPrevValue((prevState) => {\n        if (prevState !== _value) {\n          return _value;\n        }\n        return prevState;\n      });\n    }, [defaultValue, setCurrentValue, setPrevValue, withLeadingZero]);\n\n    const splitTime = useMemo(() => {\n      if (value && ticking) {\n        const [hours, minutes] = value.split(\":\");\n\n        return {\n          hours,\n          minutes,\n        };\n      }\n    }, [value, ticking]);\n\n    return (\n      <StyledEditableContent\n        ref={handleRef}\n        className={className}\n        inputProps={{\n          ...externalInputProps,\n          value,\n          onBlur,\n          onKeyDown,\n          onChange,\n          onClick,\n          onDoubleClick,\n          onFocus,\n          type: \"text\",\n        }}\n        $ticking={ticking}\n        {...rest}\n      >\n        {ticking && (\n          <>\n            {splitTime?.hours}\n            <span className=\"tw-animate-ping\">:</span>\n            {splitTime?.minutes}\n          </>\n        )}\n      </StyledEditableContent>\n    );\n  }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditableHours.js","names":["React","useEffect","useMemo","useRef","styled","css","useInputHours","formatHours","validateTimeInput","useForkRef","EditableContent","StyledEditableContent","withConfig","displayName","componentId","_ref","$ticking","EditableHours","forwardRef","_ref2","ref","defaultValue","value","onCancel","onSave","allowEmptyValue","_ref2$withLeadingZero","withLeadingZero","_ref2$validation","validation","_ref2$incrementOnlySe","incrementOnlySelected","_ref2$minuteIncrement","minuteIncrement","className","externalEnterKeyPress","onEnterKeyPress","externalInputProps","inputProps","externalOnClick","onClick","ticking","onFocus","rest","_objectWithoutPropertiesLoose","_excluded","inputRef","handleRef","_useInputHours","setCurrentValue","setPrevValue","onBlur","onKeyDown","onChange","onDoubleClick","_value","undefined","prevState","splitTime","_value$split","split","hours","minutes","createElement","_extends","type","Fragment"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, FocusEvent } from \"react\";\n\nimport styled, { css } from \"styled-components\";\n\nimport { IInputHours, useInputHours } from \"../../hooks/useInputHours\";\nimport { formatHours, validateTimeInput } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { EditableContent, EditableContentInterface } from \"../EditableContent\";\n\nexport interface EditableHoursProps\n  extends EditableContentInterface,\n    Omit<IInputHours, \"onChange\"> {\n  className?: string;\n  ticking?: boolean;\n  onFocus?: (event: FocusEvent) => void;\n}\n\nconst StyledEditableContent = styled(EditableContent)<{ $ticking?: boolean }>`\n  ${({ $ticking }) =>\n    $ticking &&\n    css`\n      .presentation {\n        visibility: visible;\n      }\n\n      input {\n        opacity: 0;\n      }\n    `}\n`;\n\nexport const EditableHours = React.forwardRef<\n  HTMLDivElement,\n  EditableHoursProps\n>(\n  (\n    {\n      value: defaultValue,\n      onCancel,\n      onSave,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      className,\n      onEnterKeyPress: externalEnterKeyPress,\n      inputProps: externalInputProps,\n      onClick: externalOnClick,\n      ticking,\n      onFocus,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const { inputProps, setCurrentValue, setPrevValue } = useInputHours(\n      {\n        value: defaultValue,\n        withLeadingZero,\n        onSave,\n        validation,\n        allowEmptyValue,\n        onCancel,\n        minuteIncrement,\n        incrementOnlySelected,\n        onEnterKeyPress: externalEnterKeyPress,\n        onClick: externalOnClick,\n      },\n      inputRef\n    );\n\n    const { value, onBlur, onKeyDown, onChange, onClick, onDoubleClick } =\n      inputProps;\n\n    useEffect(() => {\n      let _value;\n      if (defaultValue !== undefined) {\n        _value = formatHours(defaultValue, withLeadingZero);\n      }\n      setCurrentValue((prevState) => {\n        if (prevState !== _value) {\n          return _value;\n        }\n        return prevState;\n      });\n      setPrevValue((prevState) => {\n        if (prevState !== _value) {\n          return _value;\n        }\n        return prevState;\n      });\n    }, [defaultValue, setCurrentValue, setPrevValue, withLeadingZero]);\n\n    const splitTime = useMemo(() => {\n      if (value && ticking) {\n        const [hours, minutes] = value.split(\":\");\n\n        return {\n          hours,\n          minutes,\n        };\n      }\n    }, [value, ticking]);\n\n    return (\n      <StyledEditableContent\n        ref={handleRef}\n        className={className}\n        inputProps={{\n          ...externalInputProps,\n          value,\n          onBlur,\n          onKeyDown,\n          onChange,\n          onClick,\n          onDoubleClick,\n          onFocus,\n          type: \"text\",\n        }}\n        $ticking={ticking}\n        {...rest}\n      >\n        {ticking && (\n          <>\n            {splitTime?.hours}\n            <span className=\"tw-animate-ping\">:</span>\n            {splitTime?.minutes}\n          </>\n        )}\n      </StyledEditableContent>\n    );\n  }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/EditableText/EditableText.js

@@ -6,23 +6,28 @@ import classNames from "classnames";
 import { EditableContent } from "../EditableContent/EditableContent";
 import { StyledDiv, StyledMultilineSpan, StyledTextareaSpan } from "../EditableContent/Styles";
 export const EditableText = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      onSave,
-      onCancel,
-      value,
-      inputProps,
-      allowEmptyString,
-      multiline = false,
-      variant = "Body 2",
-      weight,
-      disabled = false,
-      invalid,
-      wrapRef,
-      children
-    } = _ref,
+  let onSave = _ref.onSave,
+    onCancel = _ref.onCancel,
+    value = _ref.value,
+    inputProps = _ref.inputProps,
+    allowEmptyString = _ref.allowEmptyString,
+    _ref$multiline = _ref.multiline,
+    multiline = _ref$multiline === void 0 ? false : _ref$multiline,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "Body 2" : _ref$variant,
+    weight = _ref.weight,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    invalid = _ref.invalid,
+    wrapRef = _ref.wrapRef,
+    children = _ref.children,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const [currentValue, setCurrentValue] = useState(value);
-  const [prevValue, setPrevValue] = useState(value);
+  const _useState = useState(value),
+    currentValue = _useState[0],
+    setCurrentValue = _useState[1];
+  const _useState2 = useState(value),
+    prevValue = _useState2[0],
+    setPrevValue = _useState2[1];
   const escapeRef = useRef(false);
   const intTextareaRef = useRef(null);
   useEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"EditableText.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","classNames","EditableContent","StyledDiv","StyledMultilineSpan","StyledTextareaSpan","EditableText","_ref","ref","onSave","onCancel","value","inputProps","allowEmptyString","multiline","variant","weight","disabled","invalid","wrapRef","children","props","_objectWithoutPropertiesLoose","_excluded","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","intTextareaRef","handleBlur","e","current","target","trim","length","scrollLeft","handleFocus","textarea","setSelectionRange","handleKeyDown","key","blur","preventDefault","stopPropagation","handleChange","createElement","_extends","$multiline","forwardedAs","$disabled","className","onClick","focus","String","replace","onFocus","onBlur","onKeyDown","onChange","placeholder","rows","type","displayName"],"sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  EditableContent,\n  EditableContentInterface,\n} from \"../EditableContent/EditableContent\";\nimport {\n  StyledDiv,\n  StyledMultilineSpan,\n  StyledTextareaSpan,\n} from \"../EditableContent/Styles\";\n\nexport interface EditableTextInterface extends EditableContentInterface {\n  /** Value to display. */\n  value?: string | null;\n  /** Optional callback called on enter, click outside and tab. */\n  onSave?: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  /** Optional callback called on input reset. */\n  onCancel?: (e) => void;\n  /** If true, setting empty value will save it, instead of revert to previous value. */\n  allowEmptyString?: boolean;\n  /** If true, shows a textarea instead of input for multiline editing. */\n  multiline?: boolean;\n  /** Children content to display */\n  children?: React.ReactNode;\n}\n\nexport const EditableText = forwardRef<HTMLDivElement, EditableTextInterface>(\n  (\n    {\n      onSave,\n      onCancel,\n      value,\n      inputProps,\n      allowEmptyString,\n      multiline = false,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      invalid,\n      wrapRef,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [currentValue, setCurrentValue] = useState(value);\n    const [prevValue, setPrevValue] = useState(value);\n    const escapeRef = useRef(false);\n    const intTextareaRef = useRef<HTMLTextAreaElement>(null);\n\n    useEffect(() => {\n      if (currentValue !== value) {\n        setCurrentValue(value);\n        setPrevValue(value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n          escapeRef.current = false;\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            setPrevValue(e.target.value);\n            setCurrentValue(e.target.value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyString\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n        // Reset scroll position for textarea\n        if (multiline && intTextareaRef?.current) {\n          intTextareaRef.current.scrollLeft = 0;\n        }\n      },\n      [allowEmptyString, onSave, prevValue, multiline]\n    );\n\n    const handleFocus = useCallback(\n      (e) => {\n        if (multiline) {\n          const textarea = e.target;\n          const length = textarea.value.length;\n          textarea.setSelectionRange(length, length);\n        }\n      },\n      [multiline]\n    );\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\" && !multiline) {\n          e.target.blur();\n        }\n        if (e.key === \"Escape\") {\n          e.preventDefault();\n          e.stopPropagation();\n          escapeRef.current = true;\n          e.target.blur();\n          typeof onCancel === \"function\" && onCancel(e);\n        }\n      },\n      [onCancel, multiline]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    if (multiline) {\n      return (\n        <StyledDiv ref={ref || wrapRef} {...props} $multiline={multiline}>\n          <StyledMultilineSpan\n            variant={variant}\n            forwardedAs=\"span\"\n            weight={weight}\n            $disabled={disabled}\n            invalid={invalid}\n            className=\"presentation\"\n            onClick={() => {\n              if (!disabled && intTextareaRef.current) {\n                intTextareaRef.current.focus();\n              }\n            }}\n          >\n            {children\n              ? children\n              : String(currentValue || \"\").replace(/\\n/g, \" \")}\n          </StyledMultilineSpan>\n          <StyledTextareaSpan\n            ref={intTextareaRef}\n            forwardedAs=\"textarea\"\n            variant={variant}\n            weight={weight}\n            value={currentValue ?? \"\"}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            disabled={disabled}\n            invalid={invalid}\n            data-form-type=\"other\"\n            placeholder={inputProps?.placeholder}\n            className={classNames(\"c-textarea\", inputProps?.className)}\n            rows={3}\n            {...inputProps}\n          />\n        </StyledDiv>\n      );\n    }\n\n    return (\n      <EditableContent\n        {...props}\n        variant={variant}\n        weight={weight}\n        disabled={disabled}\n        invalid={invalid}\n        wrapRef={wrapRef}\n        ref={ref}\n        inputProps={{\n          ...inputProps,\n          value: currentValue ?? \"\",\n          onBlur: handleBlur,\n          onKeyDown: handleKeyDown,\n          onChange: handleChange,\n          type: \"text\",\n          className: classNames(\"c-input\", inputProps?.className),\n        }}\n      >\n        {children}\n      </EditableContent>\n    );\n  }\n);\n\nEditableText.displayName = \"EditableText\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditableText.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","classNames","EditableContent","StyledDiv","StyledMultilineSpan","StyledTextareaSpan","EditableText","_ref","ref","onSave","onCancel","value","inputProps","allowEmptyString","_ref$multiline","multiline","_ref$variant","variant","weight","_ref$disabled","disabled","invalid","wrapRef","children","props","_objectWithoutPropertiesLoose","_excluded","_useState","currentValue","setCurrentValue","_useState2","prevValue","setPrevValue","escapeRef","intTextareaRef","handleBlur","e","current","target","trim","length","scrollLeft","handleFocus","textarea","setSelectionRange","handleKeyDown","key","blur","preventDefault","stopPropagation","handleChange","createElement","_extends","$multiline","forwardedAs","$disabled","className","onClick","focus","String","replace","onFocus","onBlur","onKeyDown","onChange","placeholder","rows","type","displayName"],"sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  EditableContent,\n  EditableContentInterface,\n} from \"../EditableContent/EditableContent\";\nimport {\n  StyledDiv,\n  StyledMultilineSpan,\n  StyledTextareaSpan,\n} from \"../EditableContent/Styles\";\n\nexport interface EditableTextInterface extends EditableContentInterface {\n  /** Value to display. */\n  value?: string | null;\n  /** Optional callback called on enter, click outside and tab. */\n  onSave?: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  /** Optional callback called on input reset. */\n  onCancel?: (e) => void;\n  /** If true, setting empty value will save it, instead of revert to previous value. */\n  allowEmptyString?: boolean;\n  /** If true, shows a textarea instead of input for multiline editing. */\n  multiline?: boolean;\n  /** Children content to display */\n  children?: React.ReactNode;\n}\n\nexport const EditableText = forwardRef<HTMLDivElement, EditableTextInterface>(\n  (\n    {\n      onSave,\n      onCancel,\n      value,\n      inputProps,\n      allowEmptyString,\n      multiline = false,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      invalid,\n      wrapRef,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [currentValue, setCurrentValue] = useState(value);\n    const [prevValue, setPrevValue] = useState(value);\n    const escapeRef = useRef(false);\n    const intTextareaRef = useRef<HTMLTextAreaElement>(null);\n\n    useEffect(() => {\n      if (currentValue !== value) {\n        setCurrentValue(value);\n        setPrevValue(value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n          escapeRef.current = false;\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            setPrevValue(e.target.value);\n            setCurrentValue(e.target.value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyString\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n        // Reset scroll position for textarea\n        if (multiline && intTextareaRef?.current) {\n          intTextareaRef.current.scrollLeft = 0;\n        }\n      },\n      [allowEmptyString, onSave, prevValue, multiline]\n    );\n\n    const handleFocus = useCallback(\n      (e) => {\n        if (multiline) {\n          const textarea = e.target;\n          const length = textarea.value.length;\n          textarea.setSelectionRange(length, length);\n        }\n      },\n      [multiline]\n    );\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\" && !multiline) {\n          e.target.blur();\n        }\n        if (e.key === \"Escape\") {\n          e.preventDefault();\n          e.stopPropagation();\n          escapeRef.current = true;\n          e.target.blur();\n          typeof onCancel === \"function\" && onCancel(e);\n        }\n      },\n      [onCancel, multiline]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    if (multiline) {\n      return (\n        <StyledDiv ref={ref || wrapRef} {...props} $multiline={multiline}>\n          <StyledMultilineSpan\n            variant={variant}\n            forwardedAs=\"span\"\n            weight={weight}\n            $disabled={disabled}\n            invalid={invalid}\n            className=\"presentation\"\n            onClick={() => {\n              if (!disabled && intTextareaRef.current) {\n                intTextareaRef.current.focus();\n              }\n            }}\n          >\n            {children\n              ? children\n              : String(currentValue || \"\").replace(/\\n/g, \" \")}\n          </StyledMultilineSpan>\n          <StyledTextareaSpan\n            ref={intTextareaRef}\n            forwardedAs=\"textarea\"\n            variant={variant}\n            weight={weight}\n            value={currentValue ?? \"\"}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            disabled={disabled}\n            invalid={invalid}\n            data-form-type=\"other\"\n            placeholder={inputProps?.placeholder}\n            className={classNames(\"c-textarea\", inputProps?.className)}\n            rows={3}\n            {...inputProps}\n          />\n        </StyledDiv>\n      );\n    }\n\n    return (\n      <EditableContent\n        {...props}\n        variant={variant}\n        weight={weight}\n        disabled={disabled}\n        invalid={invalid}\n        wrapRef={wrapRef}\n        ref={ref}\n        inputProps={{\n          ...inputProps,\n          value: currentValue ?? \"\",\n          onBlur: handleBlur,\n          onKeyDown: handleKeyDown,\n          onChange: handleChange,\n          type: \"text\",\n          className: classNames(\"c-input\", inputProps?.className),\n        }}\n      >\n        {children}\n      </EditableContent>\n    );\n  }\n);\n\nEditableText.displayName = \"EditableText\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/EmptySlate/EmptySlate.js

@@ -5,13 +5,11 @@ import React from "react";
 import { Container, Description, SubContainer, Title, StyledImg } from "./EmptySlate.styles";
 import { EmptySlateFooter } from "./EmptySlateFooter";
 export const EmptySlate = _ref => {
-  let {
-      title,
-      description,
-      src,
-      alt,
-      children
-    } = _ref,
+  let title = _ref.title,
+    description = _ref.description,
+    src = _ref.src,
+    alt = _ref.alt,
+    children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
     role: "status"

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

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.js","names":["React","Container","Description","SubContainer","Title","StyledImg","EmptySlateFooter","EmptySlate","_ref","title","description","src","alt","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","role","weight","variant","color","Footer","displayName"],"sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport {\n  Container,\n  Description,\n  SubContainer,\n  Title,\n  StyledImg,\n} from \"./EmptySlate.styles\";\nimport { EmptySlateFooter } from \"./EmptySlateFooter\";\n\nexport interface EmptySlateProps extends HTMLAttributes<HTMLDivElement> {\n  src: string;\n  alt: string;\n  title: string;\n  description?: string;\n}\n\nexport const EmptySlate = ({\n  title,\n  description,\n  src,\n  alt,\n  children,\n  ...rest\n}: EmptySlateProps) => {\n  return (\n    <Container {...rest} role=\"status\">\n      <StyledImg src={src} alt={alt} />\n      <SubContainer>\n        <Title weight=\"light\" variant=\"Title 1\">\n          {title}\n        </Title>\n        {description && (\n          <Description color=\"tertiary\" variant=\"Body 1\">\n            {description}\n          </Description>\n        )}\n\n        {children}\n      </SubContainer>\n    </Container>\n  );\n};\n\nEmptySlate.Footer = EmptySlateFooter;\n\nEmptySlate.displayName = \"EmptySlate\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAE7C,SACEC,SAAS,EACTC,WAAW,EACXC,YAAY,EACZC,KAAK,EACLC,SAAS,QACJ,qBAAqB;AAC5B,SAASC,gBAAgB,QAAQ,oBAAoB;AASrD,OAAO,MAAMC,UAAU,GAAGC,IAAA,IAOH;EAAA,IAPI;MACzBC,KAAK;MACLC,WAAW;MACXC,GAAG;MACHC,GAAG;MACHC;IAEe,CAAC,GAAAL,IAAA;IADbM,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEP,oBACEhB,KAAA,CAAAiB,aAAA,CAAChB,SAAS,EAAAiB,QAAA,KAAKJ,IAAI;IAAEK,IAAI,EAAC;EAAQ,iBAChCnB,KAAA,CAAAiB,aAAA,CAACZ,SAAS;IAACM,GAAG,EAAEA,GAAI;IAACC,GAAG,EAAEA;EAAI,CAAE,CAAC,eACjCZ,KAAA,CAAAiB,aAAA,CAACd,YAAY,qBACXH,KAAA,CAAAiB,aAAA,CAACb,KAAK;IAACgB,MAAM,EAAC,OAAO;IAACC,OAAO,EAAC;EAAS,GACpCZ,KACI,CAAC,EACPC,WAAW,iBACVV,KAAA,CAAAiB,aAAA,CAACf,WAAW;IAACoB,KAAK,EAAC,UAAU;IAACD,OAAO,EAAC;EAAQ,GAC3CX,WACU,CACd,EAEAG,QACW,CACL,CAAC;AAEhB,CAAC;AAEDN,UAAU,CAACgB,MAAM,GAAGjB,gBAAgB;AAEpCC,UAAU,CAACiB,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"EmptySlate.js","names":["React","Container","Description","SubContainer","Title","StyledImg","EmptySlateFooter","EmptySlate","_ref","title","description","src","alt","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","role","weight","variant","color","Footer","displayName"],"sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport {\n  Container,\n  Description,\n  SubContainer,\n  Title,\n  StyledImg,\n} from \"./EmptySlate.styles\";\nimport { EmptySlateFooter } from \"./EmptySlateFooter\";\n\nexport interface EmptySlateProps extends HTMLAttributes<HTMLDivElement> {\n  src: string;\n  alt: string;\n  title: string;\n  description?: string;\n}\n\nexport const EmptySlate = ({\n  title,\n  description,\n  src,\n  alt,\n  children,\n  ...rest\n}: EmptySlateProps) => {\n  return (\n    <Container {...rest} role=\"status\">\n      <StyledImg src={src} alt={alt} />\n      <SubContainer>\n        <Title weight=\"light\" variant=\"Title 1\">\n          {title}\n        </Title>\n        {description && (\n          <Description color=\"tertiary\" variant=\"Body 1\">\n            {description}\n          </Description>\n        )}\n\n        {children}\n      </SubContainer>\n    </Container>\n  );\n};\n\nEmptySlate.Footer = EmptySlateFooter;\n\nEmptySlate.displayName = \"EmptySlate\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAE7C,SACEC,SAAS,EACTC,WAAW,EACXC,YAAY,EACZC,KAAK,EACLC,SAAS,QACJ,qBAAqB;AAC5B,SAASC,gBAAgB,QAAQ,oBAAoB;AASrD,OAAO,MAAMC,UAAU,GAAGC,IAAA,IAOH;EAAA,IANrBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACHC,GAAG,GAAAJ,IAAA,CAAHI,GAAG;IACHC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACLC,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEP,oBACEhB,KAAA,CAAAiB,aAAA,CAAChB,SAAS,EAAAiB,QAAA,KAAKJ,IAAI;IAAEK,IAAI,EAAC;EAAQ,iBAChCnB,KAAA,CAAAiB,aAAA,CAACZ,SAAS;IAACM,GAAG,EAAEA,GAAI;IAACC,GAAG,EAAEA;EAAI,CAAE,CAAC,eACjCZ,KAAA,CAAAiB,aAAA,CAACd,YAAY,qBACXH,KAAA,CAAAiB,aAAA,CAACb,KAAK;IAACgB,MAAM,EAAC,OAAO;IAACC,OAAO,EAAC;EAAS,GACpCZ,KACI,CAAC,EACPC,WAAW,iBACVV,KAAA,CAAAiB,aAAA,CAACf,WAAW;IAACoB,KAAK,EAAC,UAAU;IAACD,OAAO,EAAC;EAAQ,GAC3CX,WACU,CACd,EAEAG,QACW,CACL,CAAC;AAEhB,CAAC;AAEDN,UAAU,CAACgB,MAAM,GAAGjB,gBAAgB;AAEpCC,UAAU,CAACiB,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/EmptySlate/EmptySlateFooter.js

@@ -6,9 +6,7 @@ import { FooterContainer } from "./EmptySlate.styles";
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
 export const EmptySlateFooter = _ref => {
-  let {
-      children
-    } = _ref,
+  let children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(FooterContainer, rest, children);
 };

package/dist/esm/components/EmptySlate/EmptySlateFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySlateFooter.js","names":["React","FooterContainer","EmptySlateFooter","_ref","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","displayName"],"sources":["../../../../src/components/EmptySlate/EmptySlateFooter.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport { FooterContainer } from \"./EmptySlate.styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface EmptySlateFooterProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const EmptySlateFooter = ({ children, ...rest }) => {\n  return <FooterContainer {...rest}>{children}</FooterContainer>;\n};\n\nEmptySlateFooter.displayName = \"EmptySlateFooter\";\n"],"mappings":";;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAE7C,SAASC,eAAe,QAAQ,qBAAqB;;AAErD;;AAGA,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAA2B;EAAA,IAA1B;MAAEC;IAAkB,CAAC,GAAAD,IAAA;IAANE,IAAI,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAClD,oBAAOP,KAAA,CAAAQ,aAAA,CAACP,eAAe,EAAKI,IAAI,EAAGD,QAA0B,CAAC;AAChE,CAAC;AAEDF,gBAAgB,CAACO,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"file":"EmptySlateFooter.js","names":["React","FooterContainer","EmptySlateFooter","_ref","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","displayName"],"sources":["../../../../src/components/EmptySlate/EmptySlateFooter.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport { FooterContainer } from \"./EmptySlate.styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface EmptySlateFooterProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const EmptySlateFooter = ({ children, ...rest }) => {\n  return <FooterContainer {...rest}>{children}</FooterContainer>;\n};\n\nEmptySlateFooter.displayName = \"EmptySlateFooter\";\n"],"mappings":";;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAE7C,SAASC,eAAe,QAAQ,qBAAqB;;AAErD;;AAGA,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAA2B;EAAA,IAAxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAKC,IAAI,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAClD,oBAAOP,KAAA,CAAAQ,aAAA,CAACP,eAAe,EAAKI,IAAI,EAAGD,QAA0B,CAAC;AAChE,CAAC;AAEDF,gBAAgB,CAACO,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/EntitiesHeader/EntitiesHeader.js

@@ -2,16 +2,18 @@ import React, { useCallback, useEffect, useRef, useState } from "react";
 import { StyledChildrenWrapper, StyledCollapseExpandSingleIcon, StyledDividerLine, StyledTitle, StyledWrapper } from "./Styles";
 import { Button } from "../Button";
 export const EntitiesHeader = _ref => {
-  let {
-    onClick,
-    title,
-    children,
-    expanded = true,
-    readOnly = false,
-    className
-  } = _ref;
+  let onClick = _ref.onClick,
+    title = _ref.title,
+    children = _ref.children,
+    _ref$expanded = _ref.expanded,
+    expanded = _ref$expanded === void 0 ? true : _ref$expanded,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    className = _ref.className;
   const ref = useRef(null);
-  const [open, setOpen] = useState(expanded || readOnly);
+  const _useState = useState(expanded || readOnly),
+    open = _useState[0],
+    setOpen = _useState[1];
   useEffect(() => {
     setOpen(expanded || readOnly);
   }, [expanded, readOnly]);

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

@@ -1 +1 @@
-{"version":3,"file":"EntitiesHeader.js","names":["React","useCallback","useEffect","useRef","useState","StyledChildrenWrapper","StyledCollapseExpandSingleIcon","StyledDividerLine","StyledTitle","StyledWrapper","Button","EntitiesHeader","_ref","onClick","title","children","expanded","readOnly","className","ref","open","setOpen","handleOnClick","_ref$current","current","focus","prev","createElement","tabIndex","$expanded","variant","size","$readOnly","color","weight"],"sources":["../../../../src/components/EntitiesHeader/EntitiesHeader.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  StyledChildrenWrapper,\n  StyledCollapseExpandSingleIcon,\n  StyledDividerLine,\n  StyledTitle,\n  StyledWrapper,\n} from \"./Styles\";\nimport { Button } from \"../Button\";\n\nexport interface EntitiesHeaderProps {\n  className?: string;\n  title: ReactNode;\n  expanded?: boolean;\n  onClick?: () => void;\n  children?: ReactNode;\n  readOnly?: boolean;\n}\n\nexport const EntitiesHeader: React.FC<EntitiesHeaderProps> = ({\n  onClick,\n  title,\n  children,\n  expanded = true,\n  readOnly = false,\n  className,\n}) => {\n  const ref = useRef<HTMLDivElement | null>(null);\n  const [open, setOpen] = useState(expanded || readOnly);\n\n  useEffect(() => {\n    setOpen(expanded || readOnly);\n  }, [expanded, readOnly]);\n\n  const handleOnClick = useCallback(() => {\n    ref.current?.focus();\n    setOpen((prev) => !prev);\n    if (onClick) onClick();\n  }, [onClick]);\n\n  return (\n    <StyledWrapper\n      className={className}\n      tabIndex={0}\n      ref={ref}\n      $expanded={open}\n    >\n      {!readOnly ? (\n        <Button variant=\"text gray\" size=\"small\" onClick={handleOnClick}>\n          <StyledCollapseExpandSingleIcon $expanded={open} />\n          <StyledTitle $readOnly={readOnly} color=\"secondary\" weight=\"medium\">\n            {title}\n          </StyledTitle>\n        </Button>\n      ) : (\n        <StyledTitle $readOnly={readOnly} color=\"secondary\" weight=\"medium\">\n          {title}\n        </StyledTitle>\n      )}\n      {!open && <StyledDividerLine data-testid=\"divider-line\" />}\n      {open && <StyledChildrenWrapper>{children}</StyledChildrenWrapper>}\n    </StyledWrapper>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAEVC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,OAAO;AAEd,SACEC,qBAAqB,EACrBC,8BAA8B,EAC9BC,iBAAiB,EACjBC,WAAW,EACXC,aAAa,QACR,UAAU;AACjB,SAASC,MAAM,QAAQ,WAAW;AAWlC,OAAO,MAAMC,cAA6C,GAAGC,IAAA,IAOvD;EAAA,IAPwD;IAC5DC,OAAO;IACPC,KAAK;IACLC,QAAQ;IACRC,QAAQ,GAAG,IAAI;IACfC,QAAQ,GAAG,KAAK;IAChBC;EACF,CAAC,GAAAN,IAAA;EACC,MAAMO,GAAG,GAAGhB,MAAM,CAAwB,IAAI,CAAC;EAC/C,MAAM,CAACiB,IAAI,EAAEC,OAAO,CAAC,GAAGjB,QAAQ,CAACY,QAAQ,IAAIC,QAAQ,CAAC;EAEtDf,SAAS,CAAC,MAAM;IACdmB,OAAO,CAACL,QAAQ,IAAIC,QAAQ,CAAC;EAC/B,CAAC,EAAE,CAACD,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAExB,MAAMK,aAAa,GAAGrB,WAAW,CAAC,MAAM;IAAA,IAAAsB,YAAA;IACtC,CAAAA,YAAA,GAAAJ,GAAG,CAACK,OAAO,aAAXD,YAAA,CAAaE,KAAK,CAAC,CAAC;IACpBJ,OAAO,CAAEK,IAAI,IAAK,CAACA,IAAI,CAAC;IACxB,IAAIb,OAAO,EAAEA,OAAO,CAAC,CAAC;EACxB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,oBACEb,KAAA,CAAA2B,aAAA,CAAClB,aAAa;IACZS,SAAS,EAAEA,SAAU;IACrBU,QAAQ,EAAE,CAAE;IACZT,GAAG,EAAEA,GAAI;IACTU,SAAS,EAAET;EAAK,GAEf,CAACH,QAAQ,gBACRjB,KAAA,CAAA2B,aAAA,CAACjB,MAAM;IAACoB,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,OAAO;IAAClB,OAAO,EAAES;EAAc,gBAC9DtB,KAAA,CAAA2B,aAAA,CAACrB,8BAA8B;IAACuB,SAAS,EAAET;EAAK,CAAE,CAAC,eACnDpB,KAAA,CAAA2B,aAAA,CAACnB,WAAW;IAACwB,SAAS,EAAEf,QAAS;IAACgB,KAAK,EAAC,WAAW;IAACC,MAAM,EAAC;EAAQ,GAChEpB,KACU,CACP,CAAC,gBAETd,KAAA,CAAA2B,aAAA,CAACnB,WAAW;IAACwB,SAAS,EAAEf,QAAS;IAACgB,KAAK,EAAC,WAAW;IAACC,MAAM,EAAC;EAAQ,GAChEpB,KACU,CACd,EACA,CAACM,IAAI,iBAAIpB,KAAA,CAAA2B,aAAA,CAACpB,iBAAiB;IAAC,eAAY;EAAc,CAAE,CAAC,EACzDa,IAAI,iBAAIpB,KAAA,CAAA2B,aAAA,CAACtB,qBAAqB,QAAEU,QAAgC,CACpD,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"file":"EntitiesHeader.js","names":["React","useCallback","useEffect","useRef","useState","StyledChildrenWrapper","StyledCollapseExpandSingleIcon","StyledDividerLine","StyledTitle","StyledWrapper","Button","EntitiesHeader","_ref","onClick","title","children","_ref$expanded","expanded","_ref$readOnly","readOnly","className","ref","_useState","open","setOpen","handleOnClick","_ref$current","current","focus","prev","createElement","tabIndex","$expanded","variant","size","$readOnly","color","weight"],"sources":["../../../../src/components/EntitiesHeader/EntitiesHeader.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  StyledChildrenWrapper,\n  StyledCollapseExpandSingleIcon,\n  StyledDividerLine,\n  StyledTitle,\n  StyledWrapper,\n} from \"./Styles\";\nimport { Button } from \"../Button\";\n\nexport interface EntitiesHeaderProps {\n  className?: string;\n  title: ReactNode;\n  expanded?: boolean;\n  onClick?: () => void;\n  children?: ReactNode;\n  readOnly?: boolean;\n}\n\nexport const EntitiesHeader: React.FC<EntitiesHeaderProps> = ({\n  onClick,\n  title,\n  children,\n  expanded = true,\n  readOnly = false,\n  className,\n}) => {\n  const ref = useRef<HTMLDivElement | null>(null);\n  const [open, setOpen] = useState(expanded || readOnly);\n\n  useEffect(() => {\n    setOpen(expanded || readOnly);\n  }, [expanded, readOnly]);\n\n  const handleOnClick = useCallback(() => {\n    ref.current?.focus();\n    setOpen((prev) => !prev);\n    if (onClick) onClick();\n  }, [onClick]);\n\n  return (\n    <StyledWrapper\n      className={className}\n      tabIndex={0}\n      ref={ref}\n      $expanded={open}\n    >\n      {!readOnly ? (\n        <Button variant=\"text gray\" size=\"small\" onClick={handleOnClick}>\n          <StyledCollapseExpandSingleIcon $expanded={open} />\n          <StyledTitle $readOnly={readOnly} color=\"secondary\" weight=\"medium\">\n            {title}\n          </StyledTitle>\n        </Button>\n      ) : (\n        <StyledTitle $readOnly={readOnly} color=\"secondary\" weight=\"medium\">\n          {title}\n        </StyledTitle>\n      )}\n      {!open && <StyledDividerLine data-testid=\"divider-line\" />}\n      {open && <StyledChildrenWrapper>{children}</StyledChildrenWrapper>}\n    </StyledWrapper>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAEVC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,OAAO;AAEd,SACEC,qBAAqB,EACrBC,8BAA8B,EAC9BC,iBAAiB,EACjBC,WAAW,EACXC,aAAa,QACR,UAAU;AACjB,SAASC,MAAM,QAAQ,WAAW;AAWlC,OAAO,MAAMC,cAA6C,GAAGC,IAAA,IAOvD;EAAA,IANJC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,aAAA,GAAAJ,IAAA,CACRK,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,IAAI,GAAAA,aAAA;IAAAE,aAAA,GAAAN,IAAA,CACfO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,SAAS,GAAAR,IAAA,CAATQ,SAAS;EAET,MAAMC,GAAG,GAAGlB,MAAM,CAAwB,IAAI,CAAC;EAC/C,MAAAmB,SAAA,GAAwBlB,QAAQ,CAACa,QAAQ,IAAIE,QAAQ,CAAC;IAA/CI,IAAI,GAAAD,SAAA;IAAEE,OAAO,GAAAF,SAAA;EAEpBpB,SAAS,CAAC,MAAM;IACdsB,OAAO,CAACP,QAAQ,IAAIE,QAAQ,CAAC;EAC/B,CAAC,EAAE,CAACF,QAAQ,EAAEE,QAAQ,CAAC,CAAC;EAExB,MAAMM,aAAa,GAAGxB,WAAW,CAAC,MAAM;IAAA,IAAAyB,YAAA;IACtC,CAAAA,YAAA,GAAAL,GAAG,CAACM,OAAO,aAAXD,YAAA,CAAaE,KAAK,CAAC,CAAC;IACpBJ,OAAO,CAAEK,IAAI,IAAK,CAACA,IAAI,CAAC;IACxB,IAAIhB,OAAO,EAAEA,OAAO,CAAC,CAAC;EACxB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,oBACEb,KAAA,CAAA8B,aAAA,CAACrB,aAAa;IACZW,SAAS,EAAEA,SAAU;IACrBW,QAAQ,EAAE,CAAE;IACZV,GAAG,EAAEA,GAAI;IACTW,SAAS,EAAET;EAAK,GAEf,CAACJ,QAAQ,gBACRnB,KAAA,CAAA8B,aAAA,CAACpB,MAAM;IAACuB,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,OAAO;IAACrB,OAAO,EAAEY;EAAc,gBAC9DzB,KAAA,CAAA8B,aAAA,CAACxB,8BAA8B;IAAC0B,SAAS,EAAET;EAAK,CAAE,CAAC,eACnDvB,KAAA,CAAA8B,aAAA,CAACtB,WAAW;IAAC2B,SAAS,EAAEhB,QAAS;IAACiB,KAAK,EAAC,WAAW;IAACC,MAAM,EAAC;EAAQ,GAChEvB,KACU,CACP,CAAC,gBAETd,KAAA,CAAA8B,aAAA,CAACtB,WAAW;IAAC2B,SAAS,EAAEhB,QAAS;IAACiB,KAAK,EAAC,WAAW;IAACC,MAAM,EAAC;EAAQ,GAChEvB,KACU,CACd,EACA,CAACS,IAAI,iBAAIvB,KAAA,CAAA8B,aAAA,CAACvB,iBAAiB;IAAC,eAAY;EAAc,CAAE,CAAC,EACzDgB,IAAI,iBAAIvB,KAAA,CAAA8B,aAAA,CAACzB,qBAAqB,QAAEU,QAAgC,CACpD,CAAC;AAEpB,CAAC","ignoreList":[]}

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

@@ -17,9 +17,7 @@ export const StyledWrapper = styled.div.withConfig({
   "alignItems": "center",
   "gap": "1rem"
 }, _ref => {
-  let {
-    $expanded
-  } = _ref;
+  let $expanded = _ref.$expanded;
   return $expanded ? "space-between" : "flex-start";
 });
 StyledWrapper.displayName = "StyledWrapper";
@@ -32,9 +30,7 @@ export const StyledTitle = styled(Body2).withConfig({
   "textOverflow": "ellipsis",
   "whiteSpace": "nowrap"
 }, _ref2 => {
-  let {
-    $readOnly
-  } = _ref2;
+  let $readOnly = _ref2.$readOnly;
   return $readOnly ? "default" : "pointer";
 });
 StyledTitle.displayName = "StyledTitle";
@@ -52,9 +48,7 @@ export const StyledCollapseExpandSingleIcon = styled(CollapseExpandSingleIcon).w
   "marginRight": "0.25rem",
   "cursor": "pointer"
 }, _ref3 => {
-  let {
-    $expanded
-  } = _ref3;
+  let $expanded = _ref3.$expanded;
   return $expanded ? "rotate(0deg)" : "rotate(180deg)";
 });
 StyledCollapseExpandSingleIcon.displayName = "StyledCollapseExpandSingleIcon";

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","CollapseExpandSingleIcon","Body2","StyledChildrenWrapper","div","withConfig","displayName","componentId","StyledWrapper","_ref","$expanded","StyledTitle","_ref2","$readOnly","StyledDividerLine","StyledCollapseExpandSingleIcon","_ref3"],"sources":["../../../../src/components/EntitiesHeader/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { Body2 } from \"../Typography\";\n\nexport const StyledChildrenWrapper = styled.div`\n  ${tw`tw-shrink-0`}\n`;\n\nStyledChildrenWrapper.displayName = \"StyledChildrenWrapper\";\n\nexport const StyledWrapper = styled.div<{ $expanded: boolean }>`\n  ${tw`tw-flex tw-items-center tw-mb-4 tw-gap-4`}\n  justify-content: ${({ $expanded }) =>\n    $expanded ? \"space-between\" : \"flex-start\"};\n`;\n\nStyledWrapper.displayName = \"StyledWrapper\";\n\nexport const StyledTitle = styled(Body2)<{ $readOnly: boolean }>`\n  ${tw`tw-truncate tw-max-w-60`}\n  cursor: ${({ $readOnly }) => ($readOnly ? \"default\" : \"pointer\")};\n`;\n\nStyledTitle.displayName = \"StyledTitle\";\n\nexport const StyledDividerLine = styled.div`\n  ${tw`tw-flex-1`}\n  border-top: 1px solid var(--border-primary);\n`;\n\nStyledDividerLine.displayName = \"StyledDividerLine\";\n\nexport const StyledCollapseExpandSingleIcon = styled(CollapseExpandSingleIcon)<{\n  $expanded: boolean;\n}>`\n  ${tw`tw-cursor-pointer tw-mr-1`}\n  transform: ${({ $expanded }) =>\n    $expanded ? \"rotate(0deg)\" : \"rotate(180deg)\"};\n  transition: all 0.2s ease;\n`;\n\nStyledCollapseExpandSingleIcon.displayName = \"StyledCollapseExpandSingleIcon\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,SAASC,wBAAwB,QAAQ,UAAU;AACnD,SAASC,KAAK,QAAQ,eAAe;AAErC,OAAO,MAAMC,qBAAqB,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzC;EAAA;AAAY,CAAC,CAClB;AAEDJ,qBAAqB,CAACG,WAAW,GAAG,uBAAuB;AAE3D,OAAO,MAAME,aAAa,GAAGR,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mCACjC;EAAA;EAAA;EAAA;EAAA;AAAyC,CAAC,EAC3BE,IAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAAA,OAC/BC,SAAS,GAAG,eAAe,GAAG,YAAY;AAAA,EAC7C;AAEDF,aAAa,CAACF,WAAW,GAAG,eAAe;AAE3C,OAAO,MAAMK,WAAW,GAAGX,MAAM,CAACE,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0BAClC;EAAA;EAAA;EAAA;EAAA;AAAwB,CAAC,EACnBK,KAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,KAAA;EAAA,OAAMC,SAAS,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,CACjE;AAEDF,WAAW,CAACL,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMQ,iBAAiB,GAAGd,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yDACrC;EAAA;AAAU,CAAC,CAEhB;AAEDO,iBAAiB,CAACR,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMS,8BAA8B,GAAGf,MAAM,CAACC,wBAAwB,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sDAGxE;EAAA;EAAA;AAA0B,CAAC,EAClBS,KAAA;EAAA,IAAC;IAAEN;EAAU,CAAC,GAAAM,KAAA;EAAA,OACzBN,SAAS,GAAG,cAAc,GAAG,gBAAgB;AAAA,EAEhD;AAEDK,8BAA8B,CAACT,WAAW,GAAG,gCAAgC","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","CollapseExpandSingleIcon","Body2","StyledChildrenWrapper","div","withConfig","displayName","componentId","StyledWrapper","_ref","$expanded","StyledTitle","_ref2","$readOnly","StyledDividerLine","StyledCollapseExpandSingleIcon","_ref3"],"sources":["../../../../src/components/EntitiesHeader/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { Body2 } from \"../Typography\";\n\nexport const StyledChildrenWrapper = styled.div`\n  ${tw`tw-shrink-0`}\n`;\n\nStyledChildrenWrapper.displayName = \"StyledChildrenWrapper\";\n\nexport const StyledWrapper = styled.div<{ $expanded: boolean }>`\n  ${tw`tw-flex tw-items-center tw-mb-4 tw-gap-4`}\n  justify-content: ${({ $expanded }) =>\n    $expanded ? \"space-between\" : \"flex-start\"};\n`;\n\nStyledWrapper.displayName = \"StyledWrapper\";\n\nexport const StyledTitle = styled(Body2)<{ $readOnly: boolean }>`\n  ${tw`tw-truncate tw-max-w-60`}\n  cursor: ${({ $readOnly }) => ($readOnly ? \"default\" : \"pointer\")};\n`;\n\nStyledTitle.displayName = \"StyledTitle\";\n\nexport const StyledDividerLine = styled.div`\n  ${tw`tw-flex-1`}\n  border-top: 1px solid var(--border-primary);\n`;\n\nStyledDividerLine.displayName = \"StyledDividerLine\";\n\nexport const StyledCollapseExpandSingleIcon = styled(CollapseExpandSingleIcon)<{\n  $expanded: boolean;\n}>`\n  ${tw`tw-cursor-pointer tw-mr-1`}\n  transform: ${({ $expanded }) =>\n    $expanded ? \"rotate(0deg)\" : \"rotate(180deg)\"};\n  transition: all 0.2s ease;\n`;\n\nStyledCollapseExpandSingleIcon.displayName = \"StyledCollapseExpandSingleIcon\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,SAASC,wBAAwB,QAAQ,UAAU;AACnD,SAASC,KAAK,QAAQ,eAAe;AAErC,OAAO,MAAMC,qBAAqB,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzC;EAAA;AAAY,CAAC,CAClB;AAEDJ,qBAAqB,CAACG,WAAW,GAAG,uBAAuB;AAE3D,OAAO,MAAME,aAAa,GAAGR,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mCACjC;EAAA;EAAA;EAAA;EAAA;AAAyC,CAAC,EAC3BE,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAC7BA,SAAS,GAAG,eAAe,GAAG,YAAY;AAAA,EAC7C;AAEDF,aAAa,CAACF,WAAW,GAAG,eAAe;AAE3C,OAAO,MAAMK,WAAW,GAAGX,MAAM,CAACE,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0BAClC;EAAA;EAAA;EAAA;EAAA;AAAwB,CAAC,EACnBK,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OAAQA,SAAS,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,CACjE;AAEDF,WAAW,CAACL,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMQ,iBAAiB,GAAGd,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yDACrC;EAAA;AAAU,CAAC,CAEhB;AAEDO,iBAAiB,CAACR,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMS,8BAA8B,GAAGf,MAAM,CAACC,wBAAwB,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sDAGxE;EAAA;EAAA;AAA0B,CAAC,EAClBS,KAAA;EAAA,IAAGN,SAAS,GAAAM,KAAA,CAATN,SAAS;EAAA,OACvBA,SAAS,GAAG,cAAc,GAAG,gBAAgB;AAAA,EAEhD;AAEDK,8BAA8B,CAACT,WAAW,GAAG,gCAAgC","ignoreList":[]}

package/dist/esm/components/Entity/EntityCard.js

@@ -7,17 +7,14 @@ import { EntityGroupContext } from "./EntityGroup";
 import { StyledEntityCard } from "./Styles";
 import { Card } from "../Card";
 export const EntityCard = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      isCollection,
-      background,
-      className,
-      as
-    } = _ref,
+  let children = _ref.children,
+    isCollection = _ref.isCollection,
+    background = _ref.background,
+    className = _ref.className,
+    as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const {
-    renderAs
-  } = useContext(EntityGroupContext);
+  const _useContext = useContext(EntityGroupContext),
+    renderAs = _useContext.renderAs;
   const classSuffix = "c-entity-card-" + renderAs;
   const paperType = renderAs === "grid" ? "paper-1" : "paper-2";
   const Component = as || Card;