@activecollab/components 1.0.408 → 1.0.410

package/dist/cjs/components/Checkbox/CheckboxIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIcon.js","names":["CheckboxIcon","React","forwardRef","svgRef","isIndeterminate","testId","props","useState","animate","setAnimate","mountRef","useRef","useEffect","current","displayName"],"sources":["../../../../src/components/Checkbox/CheckboxIcon.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\n/**\n * @component CheckboxIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <CheckboxIcon className=\"mr-2\" showAdditionalIcon={true} />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst CheckboxIcon = React.forwardRef(\n  (\n    {\n      isIndeterminate,\n      \"data-testid\": testId,\n      ...props\n    }: {\n      isIndeterminate?: boolean;\n      \"data-testid\"?: string;\n    } & React.SVGProps<SVGSVGElement>,\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => {\n    const [animate, setAnimate] = useState(false);\n    const mountRef = useRef(false);\n\n    useEffect(() => {\n      if (mountRef.current) {\n        setAnimate(true);\n      } else {\n        mountRef.current = true;\n      }\n    }, []);\n\n    if (isIndeterminate) {\n      return (\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          data-testid={testId}\n        >\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M14.2222 0C15.2041 0 16 0.795938 16 1.77778V14.2222C16 15.2041 15.2041 16 14.2222 16H1.77778C0.795938 16 0 15.2041 0 14.2222V1.77778C0 0.795938 0.795938 0 1.77778 0H14.2222Z\"\n            fill=\"var(--color-secondary)\"\n          />\n          <rect\n            x=\"3\"\n            y=\"7\"\n            width={!animate ? 10 : 0}\n            height=\"2\"\n            rx=\"1\"\n            fill=\"var(--page-paper-main)\"\n          >\n            {animate && (\n              <animate\n                attributeName=\"width\"\n                from=\"0\"\n                to=\"10\"\n                dur=\"0.2s\"\n                fill=\"freeze\"\n              />\n            )}\n          </rect>\n        </svg>\n      );\n    }\n    return (\n      <svg\n        width={16}\n        height={16}\n        viewBox=\"0 0 16 16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"var(--color-theme-600)\"\n        focusable={false}\n        ref={svgRef}\n        {...props}\n        data-testid={testId}\n      >\n        <g fillRule=\"evenodd\">\n          <rect\n            stroke=\"#8E8E8E\"\n            x={0.5}\n            y={0.5}\n            width={15}\n            height={15}\n            rx={2}\n          />\n          <path\n            stroke=\"#979797\"\n            strokeWidth={2}\n            d=\"M12.243 5l-5.657 5.657-2.829-2.829\"\n          />\n        </g>\n      </svg>\n    );\n  }\n);\nCheckboxIcon.displayName = \"CheckboxIcon\";\nexport default CheckboxIcon;\n"],"mappings":";;;;;;;AAAA;AAA2D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAU,CACnC,gBASEC,MAAiC,EAC9B;EAAA,IARDC,eAAe,QAAfA,eAAe;IACAC,MAAM,QAArB,aAAa;IACVC,KAAK;EAOV,gBAA8B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAtCC,OAAO;IAAEC,UAAU;EAC1B,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAE9B,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIF,QAAQ,CAACG,OAAO,EAAE;MACpBJ,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,MAAM;MACLC,QAAQ,CAACG,OAAO,GAAG,IAAI;IACzB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIT,eAAe,EAAE;IACnB,oBACE;MACE,KAAK,EAAC,IAAI;MACV,MAAM,EAAC,IAAI;MACX,OAAO,EAAC,WAAW;MACnB,IAAI,EAAC,MAAM;MACX,KAAK,EAAC,4BAA4B;MAClC,eAAaC;IAAO,gBAEpB;MACE,QAAQ,EAAC,SAAS;MAClB,QAAQ,EAAC,SAAS;MAClB,CAAC,EAAC,+KAA+K;MACjL,IAAI,EAAC;IAAwB,EAC7B,eACF;MACE,CAAC,EAAC,GAAG;MACL,CAAC,EAAC,GAAG;MACL,KAAK,EAAE,CAACG,OAAO,GAAG,EAAE,GAAG,CAAE;MACzB,MAAM,EAAC,GAAG;MACV,EAAE,EAAC,GAAG;MACN,IAAI,EAAC;IAAwB,GAE5BA,OAAO,iBACN;MACE,aAAa,EAAC,OAAO;MACrB,IAAI,EAAC,GAAG;MACR,EAAE,EAAC,IAAI;MACP,GAAG,EAAC,MAAM;MACV,IAAI,EAAC;IAAQ,EAEhB,CACI,CACH;EAEV;EACA,oBACE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEL;EAAO,GACRG,KAAK;IACT,eAAaD;EAAO,iBAEpB;IAAG,QAAQ,EAAC;EAAS,gBACnB;IACE,MAAM,EAAC,SAAS;IAChB,CAAC,EAAE,GAAI;IACP,CAAC,EAAE,GAAI;IACP,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,EAAE,EAAE;EAAE,EACN,eACF;IACE,MAAM,EAAC,SAAS;IAChB,WAAW,EAAE,CAAE;IACf,CAAC,EAAC;EAAoC,EACtC,CACA,CACA;AAEV,CAAC,CACF;AACDL,YAAY,CAACc,WAAW,GAAG,cAAc;AAAC,eAC3Bd,YAAY;AAAA"}
+{"version":3,"file":"CheckboxIcon.js","names":["CheckboxIcon","React","forwardRef","svgRef","isIndeterminate","testId","props","displayName"],"sources":["../../../../src/components/Checkbox/CheckboxIcon.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component CheckboxIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <CheckboxIcon className=\"mr-2\" showAdditionalIcon={true} />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst CheckboxIcon = React.forwardRef(\n  (\n    {\n      isIndeterminate,\n      \"data-testid\": testId,\n      ...props\n    }: {\n      isIndeterminate?: boolean;\n      \"data-testid\"?: string;\n    } & React.SVGProps<SVGSVGElement>,\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => {\n    // const [animate, setAnimate] = useState(false);\n    // const mountRef = useRef(false);\n\n    // useEffect(() => {\n    //   if (mountRef.current) {\n    //     setAnimate(true);\n    //   } else {\n    //     mountRef.current = true;\n    //   }\n    // }, [isIndeterminate]);\n\n    if (isIndeterminate) {\n      return (\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          data-testid={testId}\n        >\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M14.2222 0C15.2041 0 16 0.795938 16 1.77778V14.2222C16 15.2041 15.2041 16 14.2222 16H1.77778C0.795938 16 0 15.2041 0 14.2222V1.77778C0 0.795938 0.795938 0 1.77778 0H14.2222Z\"\n            fill=\"var(--color-secondary)\"\n          />\n          <rect\n            x=\"3\"\n            y=\"7\"\n            width={10}\n            height=\"2\"\n            rx=\"1\"\n            fill=\"var(--page-paper-main)\"\n          ></rect>\n        </svg>\n      );\n    }\n    return (\n      <svg\n        width={16}\n        height={16}\n        viewBox=\"0 0 16 16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"var(--color-theme-600)\"\n        focusable={false}\n        ref={svgRef}\n        {...props}\n        data-testid={testId}\n      >\n        <g fillRule=\"evenodd\">\n          <rect\n            stroke=\"#8E8E8E\"\n            x={0.5}\n            y={0.5}\n            width={15}\n            height={15}\n            rx={2}\n          />\n          <path\n            stroke=\"#979797\"\n            strokeWidth={2}\n            d=\"M12.243 5l-5.657 5.657-2.829-2.829\"\n          />\n        </g>\n      </svg>\n    );\n  }\n);\nCheckboxIcon.displayName = \"CheckboxIcon\";\nexport default CheckboxIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAAA;AAAA;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAU,CACnC,gBASEC,MAAiC,EAC9B;EAAA,IARDC,eAAe,QAAfA,eAAe;IACAC,MAAM,QAArB,aAAa;IACVC,KAAK;EAOV;EACA;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,IAAIF,eAAe,EAAE;IACnB,oBACE;MACE,KAAK,EAAC,IAAI;MACV,MAAM,EAAC,IAAI;MACX,OAAO,EAAC,WAAW;MACnB,IAAI,EAAC,MAAM;MACX,KAAK,EAAC,4BAA4B;MAClC,eAAaC;IAAO,gBAEpB;MACE,QAAQ,EAAC,SAAS;MAClB,QAAQ,EAAC,SAAS;MAClB,CAAC,EAAC,+KAA+K;MACjL,IAAI,EAAC;IAAwB,EAC7B,eACF;MACE,CAAC,EAAC,GAAG;MACL,CAAC,EAAC,GAAG;MACL,KAAK,EAAE,EAAG;MACV,MAAM,EAAC,GAAG;MACV,EAAE,EAAC,GAAG;MACN,IAAI,EAAC;IAAwB,EACvB,CACJ;EAEV;EACA,oBACE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEF;EAAO,GACRG,KAAK;IACT,eAAaD;EAAO,iBAEpB;IAAG,QAAQ,EAAC;EAAS,gBACnB;IACE,MAAM,EAAC,SAAS;IAChB,CAAC,EAAE,GAAI;IACP,CAAC,EAAE,GAAI;IACP,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,EAAE,EAAE;EAAE,EACN,eACF;IACE,MAAM,EAAC,SAAS;IAChB,WAAW,EAAE,CAAE;IACf,CAAC,EAAC;EAAoC,EACtC,CACA,CACA;AAEV,CAAC,CACF;AACDL,YAAY,CAACO,WAAW,GAAG,cAAc;AAAC,eAC3BP,YAAY;AAAA"}

package/dist/cjs/components/CommandPalette/CommandPaletteHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteHeader.js","names":["CommandPaletteHeader","loading","commandsLength","itemsLength","inputRef","useRef","useModeContext","mode","setMode","idModeEnabled","useSelectedContext","setSelected","selected","useSearchContext","search","onChangeSearch","focusInput","current","focus","clearInput","value","useEffect","length","handleInputPlaceholder","useMemo","handleKeyDown","e","key","target","selectedItem","document","querySelectorAll","click","name","slice","inputText","startsWith","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteHeader.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { IconButton } from \"../IconButton\";\nimport { CloseIcon, HashtagIcon, SearchLargeIcon } from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport {\n  StyledActionWrapper,\n  StyledCommandPaletteHeader,\n  StyledInput,\n  StyledParameter,\n  StyledSearchIcon,\n  StyledSpinnerLoader,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\n\nimport { useModeContext } from \"./context/ModeContext\";\nimport { useSearchContext } from \"./context/SearchContext\";\n\nexport interface CommandPaletteHeaderProps {\n  loading?: boolean;\n  commandsLength: number;\n  itemsLength: number;\n}\n\nexport const CommandPaletteHeader = ({\n  loading = false,\n  commandsLength,\n  itemsLength,\n}: CommandPaletteHeaderProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { mode, setMode, idModeEnabled } = useModeContext();\n  const { setSelected, selected } = useSelectedContext();\n  const { search, onChangeSearch } = useSearchContext();\n\n  const focusInput = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  const clearInput = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.value = \"\";\n      onChangeSearch(\"\");\n    }\n  };\n\n  useEffect(() => {\n    if (search.length > 0) {\n      if (itemsLength > commandsLength) {\n        setSelected(commandsLength);\n      } else {\n        setSelected(0);\n      }\n    }\n  }, [search, commandsLength, itemsLength, setSelected]);\n\n  useEffect(() => {\n    focusInput();\n  }, [mode]);\n\n  const handleInputPlaceholder = useMemo(() => {\n    if (typeof mode === \"object\") {\n      return \"Search\";\n    }\n\n    if (mode === \"id\") {\n      return \"1\";\n    }\n\n    return \"Search or jump to\";\n  }, [mode]);\n\n  const handleKeyDown = (e) => {\n    if (\n      e.key === \"Backspace\" &&\n      mode !== \"default\" &&\n      (e.target as HTMLInputElement).value === \"\"\n    ) {\n      setMode(\"default\");\n      clearInput();\n    }\n\n    if (e.key === \"Enter\") {\n      const selectedItem = document.querySelectorAll(\".cp-item\")[\n        selected\n      ] as HTMLElement;\n\n      if (itemsLength > 0) {\n        selectedItem.click();\n      }\n    }\n  };\n\n  return (\n    <StyledCommandPaletteHeader className=\"cp-header\">\n      <StyledSearchIcon>\n        <SearchLargeIcon />\n      </StyledSearchIcon>\n\n      {mode === \"id\" ? <StyledParameter>ID#:</StyledParameter> : null}\n      {typeof mode === \"object\" ? (\n        <StyledParameter>\n          {mode.name.length > 10 ? mode.name.slice(0, 10) + \"...\" : mode.name}/\n        </StyledParameter>\n      ) : null}\n\n      <StyledInput\n        ref={inputRef}\n        autoFocus\n        placeholder={handleInputPlaceholder}\n        type=\"search\"\n        aria-autocomplete=\"list\"\n        autoCapitalize=\"none\"\n        autoComplete=\"off\"\n        autoCorrect=\"off\"\n        role=\"combobox\"\n        spellCheck={false}\n        value={search}\n        onKeyDown={handleKeyDown}\n        onChange={(e) => {\n          const inputText = e.target.value;\n\n          if (\n            inputText.startsWith(\"#\") &&\n            idModeEnabled &&\n            search.length === 0\n          ) {\n            setMode(\"id\");\n            onChangeSearch(inputText.slice(1));\n            return;\n          }\n\n          onChangeSearch(inputText);\n        }}\n      />\n\n      <StyledActionWrapper>\n        {loading ? (\n          <StyledSpinnerLoader\n            aria-busy={true}\n            aria-label=\"Loading...\"\n            aria-valuemax={100}\n            aria-valuemin={0}\n            role=\"progressbar\"\n          />\n        ) : null}\n\n        {mode !== \"id\" &&\n        typeof mode !== \"object\" &&\n        idModeEnabled &&\n        search.length === 0 ? (\n          <Tooltip title=\"Search by ID\" placement=\"top\">\n            <IconButton\n              onKeyPress={(e) => {\n                if (e.key === \"Enter\") {\n                  setMode(\"id\");\n                  clearInput();\n                }\n              }}\n              onClick={() => {\n                setMode(\"id\");\n                clearInput();\n              }}\n              variant=\"text gray\"\n            >\n              <HashtagIcon />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n\n        {search.length > 0 || mode === \"id\" || typeof mode === \"object\" ? (\n          <Tooltip title=\"Clear\" placement=\"top\">\n            <IconButton\n              variant=\"text gray\"\n              onKeyPress={(e) => {\n                if (e.key === \"Enter\") {\n                  setMode(\"default\");\n                  clearInput();\n                  focusInput();\n                }\n              }}\n              onClick={() => {\n                setMode(\"default\");\n                clearInput();\n                focusInput();\n              }}\n            >\n              <CloseIcon />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n      </StyledActionWrapper>\n    </StyledCommandPaletteHeader>\n  );\n};\n\nCommandPaletteHeader.displayName = \"CommandPaletteItem\";\n"],"mappings":"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"}
+{"version":3,"file":"CommandPaletteHeader.js","names":["CommandPaletteHeader","loading","commandsLength","itemsLength","inputRef","useRef","useModeContext","mode","setMode","idModeEnabled","useSelectedContext","setSelected","selected","useSearchContext","search","onChangeSearch","focusInput","current","focus","clearInput","value","useEffect","length","handleInputPlaceholder","useMemo","handleKeyDown","e","key","target","selectedItem","document","querySelectorAll","click","name","slice","inputText","startsWith","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteHeader.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { IconButton } from \"../IconButton\";\nimport { CloseIcon, HashtagIcon, SearchLargeIcon } from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport {\n  StyledActionWrapper,\n  StyledCommandPaletteHeader,\n  StyledInput,\n  StyledParameter,\n  StyledSearchIcon,\n  StyledSpinnerLoader,\n} from \"./CommandPalette.styles\";\nimport { useSelectedContext } from \"./context\";\n\nimport { useModeContext } from \"./context/ModeContext\";\nimport { useSearchContext } from \"./context/SearchContext\";\n\nexport interface CommandPaletteHeaderProps {\n  loading?: boolean;\n  commandsLength: number;\n  itemsLength: number;\n}\n\nexport const CommandPaletteHeader = ({\n  loading = false,\n  commandsLength,\n  itemsLength,\n}: CommandPaletteHeaderProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { mode, setMode, idModeEnabled } = useModeContext();\n  const { setSelected, selected } = useSelectedContext();\n  const { search, onChangeSearch } = useSearchContext();\n\n  const focusInput = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  const clearInput = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.value = \"\";\n      onChangeSearch(\"\");\n    }\n  };\n\n  useEffect(() => {\n    if (search.length > 0) {\n      if (itemsLength > commandsLength) {\n        setSelected(commandsLength);\n      } else {\n        setSelected(0);\n      }\n    }\n  }, [search, commandsLength, itemsLength, setSelected]);\n\n  useEffect(() => {\n    focusInput();\n  }, [mode]);\n\n  const handleInputPlaceholder = useMemo(() => {\n    if (typeof mode === \"object\") {\n      return \"Search\";\n    }\n\n    if (mode === \"id\") {\n      return \"1\";\n    }\n\n    return \"Search or jump to\";\n  }, [mode]);\n\n  const handleKeyDown = (e) => {\n    if (\n      e.key === \"Backspace\" &&\n      mode !== \"default\" &&\n      (e.target as HTMLInputElement).value === \"\"\n    ) {\n      setMode(\"default\");\n      clearInput();\n    }\n\n    if (e.key === \"Enter\") {\n      const selectedItem = document.querySelectorAll(\".cp-item\")[\n        selected\n      ] as HTMLElement;\n\n      if (itemsLength > 0) {\n        selectedItem.click();\n      }\n    }\n  };\n\n  return (\n    <StyledCommandPaletteHeader className=\"cp-header\">\n      <StyledSearchIcon>\n        <SearchLargeIcon />\n      </StyledSearchIcon>\n\n      {mode === \"id\" ? <StyledParameter>ID#:</StyledParameter> : null}\n      {typeof mode === \"object\" ? (\n        <StyledParameter>\n          {mode.name.length > 10 ? mode.name.slice(0, 10) + \"...\" : mode.name}/\n        </StyledParameter>\n      ) : null}\n\n      <StyledInput\n        ref={inputRef}\n        autoFocus\n        placeholder={handleInputPlaceholder}\n        type=\"search\"\n        aria-autocomplete=\"list\"\n        autoCapitalize=\"none\"\n        autoComplete=\"off\"\n        autoCorrect=\"off\"\n        role=\"combobox\"\n        spellCheck={false}\n        value={search}\n        onKeyDown={handleKeyDown}\n        onChange={(e) => {\n          const inputText = e.target.value;\n\n          if (\n            inputText.startsWith(\"#\") &&\n            idModeEnabled &&\n            search.length === 0\n          ) {\n            setMode(\"id\");\n            onChangeSearch(inputText.slice(1));\n            return;\n          }\n\n          onChangeSearch(inputText);\n        }}\n      />\n\n      <StyledActionWrapper>\n        {loading ? (\n          <StyledSpinnerLoader\n            aria-busy={true}\n            aria-label=\"Loading...\"\n            aria-valuemax={100}\n            aria-valuemin={0}\n            role=\"progressbar\"\n          />\n        ) : null}\n\n        {mode !== \"id\" &&\n        typeof mode !== \"object\" &&\n        idModeEnabled &&\n        search.length === 0 ? (\n          <Tooltip title=\"Search by ID\" placement=\"top\">\n            <IconButton\n              onKeyPress={(e) => {\n                if (e.key === \"Enter\") {\n                  setMode(\"id\");\n                  clearInput();\n                }\n              }}\n              onClick={() => {\n                setMode(\"id\");\n                clearInput();\n              }}\n              variant=\"text gray\"\n            >\n              <HashtagIcon />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n\n        {search.length > 0 || mode === \"id\" || typeof mode === \"object\" ? (\n          <Tooltip title=\"Clear\" placement=\"top\">\n            <IconButton\n              variant=\"text gray\"\n              onKeyPress={(e) => {\n                if (e.key === \"Enter\") {\n                  setMode(\"default\");\n                  clearInput();\n                  focusInput();\n                }\n              }}\n              onClick={() => {\n                setMode(\"default\");\n                clearInput();\n                focusInput();\n              }}\n            >\n              <CloseIcon />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n      </StyledActionWrapper>\n    </StyledCommandPaletteHeader>\n  );\n};\n\nCommandPaletteHeader.displayName = \"CommandPaletteItem\";\n"],"mappings":"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"}

package/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.spec.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _CompleteCheckbox = require("./CompleteCheckbox");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe("<CompleteCheckbox>", function () {
+  it("should render", function () {
+    var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_CompleteCheckbox.CompleteCheckbox, null));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with class", function () {
+    var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_CompleteCheckbox.CompleteCheckbox, {
+      checkMarkClassName: "customClass"
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render disabled", function () {
+    var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_CompleteCheckbox.CompleteCheckbox, {
+      disabled: true
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render completed and disabled", function () {
+    var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_CompleteCheckbox.CompleteCheckbox, {
+      disabled: true,
+      completed: true
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with animation", function () {
+    var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_CompleteCheckbox.CompleteCheckbox, {
+      completed: true,
+      animate: true
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with specific class", function () {
+    var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_CompleteCheckbox.CompleteCheckbox, {
+      className: "new-css"
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with primary color", function () {
+    var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_CompleteCheckbox.CompleteCheckbox, {
+      completed: true,
+      primary: true
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should call callback on click", function () {
+    var onClick = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_CompleteCheckbox.CompleteCheckbox, {
+      onClick: onClick
+    }));
+    expect(onClick).not.toBeCalled();
+    wrapper.find(".c-complete-checkbox").simulate("click");
+    expect(onClick).toBeCalled();
+  });
+  it("should have default props", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_CompleteCheckbox.CompleteCheckbox, null));
+    var props = wrapper.props();
+    expect(props).not.toEqual(null);
+    expect(props.animate).toBeFalsy();
+    expect(props.disabled).toBeFalsy();
+    expect(props.completed).toBeFalsy();
+  });
+});
+//# sourceMappingURL=CompleteCheckbox.spec.js.map

package/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompleteCheckbox.spec.js","names":["describe","it","wrapper","render","expect","toMatchSnapshot","onClick","jest","fn","shallow","not","toBeCalled","find","simulate","props","toEqual","animate","toBeFalsy","disabled","completed"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.spec.tsx"],"sourcesContent":["import React from \"react\";\nimport { render, shallow } from \"enzyme\";\nimport { CompleteCheckbox } from \"./CompleteCheckbox\";\n\ndescribe(\"<CompleteCheckbox>\", () => {\n  it(\"should render\", () => {\n    const wrapper = render(<CompleteCheckbox />);\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render with class\", () => {\n    const wrapper = render(\n      <CompleteCheckbox checkMarkClassName=\"customClass\" />\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render disabled\", () => {\n    const wrapper = render(<CompleteCheckbox disabled />);\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render completed and disabled\", () => {\n    const wrapper = render(<CompleteCheckbox disabled completed />);\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render with animation\", () => {\n    const wrapper = render(<CompleteCheckbox completed animate />);\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render with specific class\", () => {\n    const wrapper = render(<CompleteCheckbox className=\"new-css\" />);\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render with primary color\", () => {\n    const wrapper = render(<CompleteCheckbox completed primary />);\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should call callback on click\", () => {\n    const onClick = jest.fn();\n\n    const wrapper = shallow(<CompleteCheckbox onClick={onClick} />);\n\n    expect(onClick).not.toBeCalled();\n    wrapper.find(\".c-complete-checkbox\").simulate(\"click\");\n    expect(onClick).toBeCalled();\n  });\n\n  it(\"should have default props\", () => {\n    const wrapper = shallow(<CompleteCheckbox />);\n\n    const props = wrapper.props();\n    expect(props).not.toEqual(null);\n    expect(props.animate).toBeFalsy();\n    expect(props.disabled).toBeFalsy();\n    expect(props.completed).toBeFalsy();\n  });\n});\n"],"mappings":"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"}

package/dist/cjs/components/ConfirmDialog/ConfirmDialog.spec.js

@@ -0,0 +1,61 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var React = _interopRequireWildcard(require("react"));
+var _enzyme = require("enzyme");
+var _ConfirmDialog = require("./ConfirmDialog");
+var _Button = require("../Button");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+describe("<ConfirmDialog/>", function () {
+  it("should render", function () {
+    expect((0, _enzyme.shallow)( /*#__PURE__*/React.createElement(_ConfirmDialog.ConfirmDialog, null))).toMatchSnapshot();
+  });
+  it("should render with disabled Buttons", function () {
+    expect((0, _enzyme.shallow)( /*#__PURE__*/React.createElement(_ConfirmDialog.ConfirmDialog, {
+      isLoading: true
+    }))).toMatchSnapshot();
+  });
+  it("should render with class name", function () {
+    expect((0, _enzyme.shallow)( /*#__PURE__*/React.createElement(_ConfirmDialog.ConfirmDialog, {
+      className: "test css"
+    }))).toMatchSnapshot();
+  });
+  it("should render with textual props", function () {
+    expect((0, _enzyme.shallow)( /*#__PURE__*/React.createElement(_ConfirmDialog.ConfirmDialog, {
+      open: true,
+      dialogTitle: "Title",
+      dialogContent: "Content",
+      confirmBtnText: "Confirm",
+      cancelBtnText: "Cancel"
+    }))).toMatchSnapshot();
+  });
+  it("should render without cancel button", function () {
+    expect((0, _enzyme.shallow)( /*#__PURE__*/React.createElement(_ConfirmDialog.ConfirmDialog, {
+      shouldShowCancelButton: false
+    }))).toMatchSnapshot();
+  });
+  it("Should call onConfirm when confirm button is clicked", function () {
+    var onConfirm = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/React.createElement(_ConfirmDialog.ConfirmDialog, {
+      open: true,
+      onConfirm: onConfirm
+    }));
+    var confirmButton = wrapper.find(_Button.Button).first();
+    expect(onConfirm).not.toBeCalled();
+    confirmButton.simulate("click");
+    expect(onConfirm).toBeCalled();
+  });
+  it("Should call onCancel when cancel button is clicked", function () {
+    var onCancel = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/React.createElement(_ConfirmDialog.ConfirmDialog, {
+      open: true,
+      onCancel: onCancel
+    }));
+    var cancelButton = wrapper.find(_Button.Button).last();
+    expect(onCancel).not.toBeCalled();
+    cancelButton.simulate("click");
+    expect(onCancel).toBeCalled();
+  });
+});
+//# sourceMappingURL=ConfirmDialog.spec.js.map

package/dist/cjs/components/ConfirmDialog/ConfirmDialog.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.spec.js","names":["describe","it","expect","shallow","toMatchSnapshot","onConfirm","jest","fn","wrapper","confirmButton","find","Button","first","not","toBeCalled","simulate","onCancel","cancelButton","last"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.spec.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { shallow } from \"enzyme\";\nimport { ConfirmDialog } from \"./ConfirmDialog\";\nimport { Button } from \"../Button\";\n\ndescribe(\"<ConfirmDialog/>\", () => {\n  it(\"should render\", () => {\n    expect(shallow(<ConfirmDialog />)).toMatchSnapshot();\n  });\n\n  it(\"should render with disabled Buttons\", () => {\n    expect(shallow(<ConfirmDialog isLoading />)).toMatchSnapshot();\n  });\n\n  it(\"should render with class name\", () => {\n    expect(shallow(<ConfirmDialog className=\"test css\" />)).toMatchSnapshot();\n  });\n\n  it(\"should render with textual props\", () => {\n    expect(\n      shallow(\n        <ConfirmDialog\n          open\n          dialogTitle=\"Title\"\n          dialogContent=\"Content\"\n          confirmBtnText=\"Confirm\"\n          cancelBtnText=\"Cancel\"\n        />\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"should render without cancel button\", () => {\n    expect(\n      shallow(<ConfirmDialog shouldShowCancelButton={false} />)\n    ).toMatchSnapshot();\n  });\n\n  it(\"Should call onConfirm when confirm button is clicked\", () => {\n    const onConfirm = jest.fn();\n    const wrapper = shallow(<ConfirmDialog open onConfirm={onConfirm} />);\n    const confirmButton = wrapper.find(Button).first();\n    expect(onConfirm).not.toBeCalled();\n    confirmButton.simulate(\"click\");\n    expect(onConfirm).toBeCalled();\n  });\n\n  it(\"Should call onCancel when cancel button is clicked\", () => {\n    const onCancel = jest.fn();\n    const wrapper = shallow(<ConfirmDialog open onCancel={onCancel} />);\n    const cancelButton = wrapper.find(Button).last();\n    expect(onCancel).not.toBeCalled();\n    cancelButton.simulate(\"click\");\n    expect(onCancel).toBeCalled();\n  });\n});\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AAAmC;AAAA;AAEnCA,QAAQ,CAAC,kBAAkB,EAAE,YAAM;EACjCC,EAAE,CAAC,eAAe,EAAE,YAAM;IACxBC,MAAM,CAAC,IAAAC,eAAO,gBAAC,oBAAC,4BAAa,OAAG,CAAC,CAAC,CAACC,eAAe,EAAE;EACtD,CAAC,CAAC;EAEFH,EAAE,CAAC,qCAAqC,EAAE,YAAM;IAC9CC,MAAM,CAAC,IAAAC,eAAO,gBAAC,oBAAC,4BAAa;MAAC,SAAS;IAAA,EAAG,CAAC,CAAC,CAACC,eAAe,EAAE;EAChE,CAAC,CAAC;EAEFH,EAAE,CAAC,+BAA+B,EAAE,YAAM;IACxCC,MAAM,CAAC,IAAAC,eAAO,gBAAC,oBAAC,4BAAa;MAAC,SAAS,EAAC;IAAU,EAAG,CAAC,CAAC,CAACC,eAAe,EAAE;EAC3E,CAAC,CAAC;EAEFH,EAAE,CAAC,kCAAkC,EAAE,YAAM;IAC3CC,MAAM,CACJ,IAAAC,eAAO,gBACL,oBAAC,4BAAa;MACZ,IAAI;MACJ,WAAW,EAAC,OAAO;MACnB,aAAa,EAAC,SAAS;MACvB,cAAc,EAAC,SAAS;MACxB,aAAa,EAAC;IAAQ,EACtB,CACH,CACF,CAACC,eAAe,EAAE;EACrB,CAAC,CAAC;EAEFH,EAAE,CAAC,qCAAqC,EAAE,YAAM;IAC9CC,MAAM,CACJ,IAAAC,eAAO,gBAAC,oBAAC,4BAAa;MAAC,sBAAsB,EAAE;IAAM,EAAG,CAAC,CAC1D,CAACC,eAAe,EAAE;EACrB,CAAC,CAAC;EAEFH,EAAE,CAAC,sDAAsD,EAAE,YAAM;IAC/D,IAAMI,SAAS,GAAGC,IAAI,CAACC,EAAE,EAAE;IAC3B,IAAMC,OAAO,GAAG,IAAAL,eAAO,gBAAC,oBAAC,4BAAa;MAAC,IAAI;MAAC,SAAS,EAAEE;IAAU,EAAG,CAAC;IACrE,IAAMI,aAAa,GAAGD,OAAO,CAACE,IAAI,CAACC,cAAM,CAAC,CAACC,KAAK,EAAE;IAClDV,MAAM,CAACG,SAAS,CAAC,CAACQ,GAAG,CAACC,UAAU,EAAE;IAClCL,aAAa,CAACM,QAAQ,CAAC,OAAO,CAAC;IAC/Bb,MAAM,CAACG,SAAS,CAAC,CAACS,UAAU,EAAE;EAChC,CAAC,CAAC;EAEFb,EAAE,CAAC,oDAAoD,EAAE,YAAM;IAC7D,IAAMe,QAAQ,GAAGV,IAAI,CAACC,EAAE,EAAE;IAC1B,IAAMC,OAAO,GAAG,IAAAL,eAAO,gBAAC,oBAAC,4BAAa;MAAC,IAAI;MAAC,QAAQ,EAAEa;IAAS,EAAG,CAAC;IACnE,IAAMC,YAAY,GAAGT,OAAO,CAACE,IAAI,CAACC,cAAM,CAAC,CAACO,IAAI,EAAE;IAChDhB,MAAM,CAACc,QAAQ,CAAC,CAACH,GAAG,CAACC,UAAU,EAAE;IACjCG,YAAY,CAACF,QAAQ,CAAC,OAAO,CAAC;IAC9Bb,MAAM,CAACc,QAAQ,CAAC,CAACF,UAAU,EAAE;EAC/B,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/cjs/components/CounterButton/CounterButton.spec.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _CounterButton = require("./CounterButton");
+var _index = require("../Icons/index");
+var _Styles = require("./Styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe("<CounterButton/>", function () {
+  it("should render without counter and reset button", function () {
+    var clearAll = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_CounterButton.CounterButton, {
+      icon: /*#__PURE__*/_react.default.createElement(_index.FilterIcon, null),
+      label: "Filter",
+      onClearAll: clearAll
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with counter and reset button", function () {
+    var clearAll = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_CounterButton.CounterButton, {
+      icon: /*#__PURE__*/_react.default.createElement(_index.FilterIcon, null),
+      label: "Filter",
+      counter: 3,
+      onClearAll: clearAll
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should style the component if it is active", function () {
+    var clearAll = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_CounterButton.CounterButton, {
+      icon: /*#__PURE__*/_react.default.createElement(_index.FilterIcon, null),
+      label: "Filter",
+      counter: 3,
+      onClearAll: clearAll
+    }));
+    var resetButton = wrapper.find(".c-counter-button__reset");
+    resetButton.simulate("click");
+    expect(clearAll).toBeCalled();
+  });
+  it("should not render counter and Clear All if counter is 0 ", function () {
+    var clearAll = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_CounterButton.CounterButton, {
+      icon: /*#__PURE__*/_react.default.createElement(_index.FilterIcon, null),
+      label: "Filter",
+      counter: 0,
+      onClearAll: clearAll
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render styled counter button", function () {
+    var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButton, {
+      $active: true,
+      $selected: true
+    }, "Test"));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render styled counter button label", function () {
+    var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonLabel, null, "Test"));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render styled counter button label active", function () {
+    var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonLabel, {
+      $active: true
+    }, "Test"));
+    expect(wrapper).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=CounterButton.spec.js.map

package/dist/cjs/components/CounterButton/CounterButton.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterButton.spec.js","names":["describe","it","clearAll","jest","fn","wrapper","shallow","expect","toMatchSnapshot","resetButton","find","simulate","toBeCalled","render"],"sources":["../../../../src/components/CounterButton/CounterButton.spec.tsx"],"sourcesContent":["import React from \"react\";\nimport { render, shallow } from \"enzyme\";\nimport { CounterButton } from \"./CounterButton\";\nimport { FilterIcon } from \"../Icons/index\";\nimport { StyledCounterButton, StyledCounterButtonLabel } from \"./Styles\";\n\ndescribe(\"<CounterButton/>\", () => {\n  it(\"should render without counter and reset button\", () => {\n    const clearAll = jest.fn();\n    const wrapper = shallow(\n      <CounterButton\n        icon={<FilterIcon />}\n        label=\"Filter\"\n        onClearAll={clearAll}\n      />\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render with counter and reset button\", () => {\n    const clearAll = jest.fn();\n    const wrapper = shallow(\n      <CounterButton\n        icon={<FilterIcon />}\n        label=\"Filter\"\n        counter={3}\n        onClearAll={clearAll}\n      />\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should style the component if it is active\", () => {\n    const clearAll = jest.fn();\n    const wrapper = shallow(\n      <CounterButton\n        icon={<FilterIcon />}\n        label=\"Filter\"\n        counter={3}\n        onClearAll={clearAll}\n      />\n    );\n\n    const resetButton = wrapper.find(\".c-counter-button__reset\");\n    resetButton.simulate(\"click\");\n    expect(clearAll).toBeCalled();\n  });\n\n  it(\"should not render counter and Clear All if counter is 0 \", () => {\n    const clearAll = jest.fn();\n    const wrapper = shallow(\n      <CounterButton\n        icon={<FilterIcon />}\n        label=\"Filter\"\n        counter={0}\n        onClearAll={clearAll}\n      />\n    );\n\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render styled counter button\", () => {\n    const wrapper = render(\n      <StyledCounterButton $active $selected>\n        Test\n      </StyledCounterButton>\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render styled counter button label\", () => {\n    const wrapper = render(\n      <StyledCounterButtonLabel>Test</StyledCounterButtonLabel>\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should render styled counter button label active\", () => {\n    const wrapper = render(\n      <StyledCounterButtonLabel $active>Test</StyledCounterButtonLabel>\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n});\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AAAyE;AAEzEA,QAAQ,CAAC,kBAAkB,EAAE,YAAM;EACjCC,EAAE,CAAC,gDAAgD,EAAE,YAAM;IACzD,IAAMC,QAAQ,GAAGC,IAAI,CAACC,EAAE,EAAE;IAC1B,IAAMC,OAAO,GAAG,IAAAC,eAAO,gBACrB,6BAAC,4BAAa;MACZ,IAAI,eAAE,6BAAC,iBAAU,OAAI;MACrB,KAAK,EAAC,QAAQ;MACd,UAAU,EAAEJ;IAAS,EACrB,CACH;IACDK,MAAM,CAACF,OAAO,CAAC,CAACG,eAAe,EAAE;EACnC,CAAC,CAAC;EAEFP,EAAE,CAAC,6CAA6C,EAAE,YAAM;IACtD,IAAMC,QAAQ,GAAGC,IAAI,CAACC,EAAE,EAAE;IAC1B,IAAMC,OAAO,GAAG,IAAAC,eAAO,gBACrB,6BAAC,4BAAa;MACZ,IAAI,eAAE,6BAAC,iBAAU,OAAI;MACrB,KAAK,EAAC,QAAQ;MACd,OAAO,EAAE,CAAE;MACX,UAAU,EAAEJ;IAAS,EACrB,CACH;IACDK,MAAM,CAACF,OAAO,CAAC,CAACG,eAAe,EAAE;EACnC,CAAC,CAAC;EAEFP,EAAE,CAAC,4CAA4C,EAAE,YAAM;IACrD,IAAMC,QAAQ,GAAGC,IAAI,CAACC,EAAE,EAAE;IAC1B,IAAMC,OAAO,GAAG,IAAAC,eAAO,gBACrB,6BAAC,4BAAa;MACZ,IAAI,eAAE,6BAAC,iBAAU,OAAI;MACrB,KAAK,EAAC,QAAQ;MACd,OAAO,EAAE,CAAE;MACX,UAAU,EAAEJ;IAAS,EACrB,CACH;IAED,IAAMO,WAAW,GAAGJ,OAAO,CAACK,IAAI,CAAC,0BAA0B,CAAC;IAC5DD,WAAW,CAACE,QAAQ,CAAC,OAAO,CAAC;IAC7BJ,MAAM,CAACL,QAAQ,CAAC,CAACU,UAAU,EAAE;EAC/B,CAAC,CAAC;EAEFX,EAAE,CAAC,0DAA0D,EAAE,YAAM;IACnE,IAAMC,QAAQ,GAAGC,IAAI,CAACC,EAAE,EAAE;IAC1B,IAAMC,OAAO,GAAG,IAAAC,eAAO,gBACrB,6BAAC,4BAAa;MACZ,IAAI,eAAE,6BAAC,iBAAU,OAAI;MACrB,KAAK,EAAC,QAAQ;MACd,OAAO,EAAE,CAAE;MACX,UAAU,EAAEJ;IAAS,EACrB,CACH;IAEDK,MAAM,CAACF,OAAO,CAAC,CAACG,eAAe,EAAE;EACnC,CAAC,CAAC;EAEFP,EAAE,CAAC,qCAAqC,EAAE,YAAM;IAC9C,IAAMI,OAAO,GAAG,IAAAQ,cAAM,gBACpB,6BAAC,2BAAmB;MAAC,OAAO;MAAC,SAAS;IAAA,GAAC,MAEvC,CAAsB,CACvB;IACDN,MAAM,CAACF,OAAO,CAAC,CAACG,eAAe,EAAE;EACnC,CAAC,CAAC;EAEFP,EAAE,CAAC,2CAA2C,EAAE,YAAM;IACpD,IAAMI,OAAO,GAAG,IAAAQ,cAAM,gBACpB,6BAAC,gCAAwB,QAAC,MAAI,CAA2B,CAC1D;IACDN,MAAM,CAACF,OAAO,CAAC,CAACG,eAAe,EAAE;EACnC,CAAC,CAAC;EAEFP,EAAE,CAAC,kDAAkD,EAAE,YAAM;IAC3D,IAAMI,OAAO,GAAG,IAAAQ,cAAM,gBACpB,6BAAC,gCAAwB;MAAC,OAAO;IAAA,GAAC,MAAI,CAA2B,CAClE;IACDN,MAAM,CAACF,OAAO,CAAC,CAACG,eAAe,EAAE;EACnC,CAAC,CAAC;AACJ,CAAC,CAAC"}