@mrshmllw/smores-react 6.0.1 → 6.0.2

package/dist/Row/Row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.js","sources":["../../src/Row/Row.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Icons } from 'Icon/iconsList'\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Text } from '../Text'\nimport { Color, theme } from '../theme'\nimport { MarginProps } from '../utils/space'\n\nexport type RowProps = {\n  iconLeft?: Icons\n  iconLeftColor?: Color\n  iconRight?: Icons\n  iconRightColor?: Color\n  handleClick?: () => void\n  heading: string\n  subHeading?: string\n  type?: 'first' | 'last' | 'curved'\n  borderTop?: boolean\n  borderBottom?: boolean\n  boldHeading?: boolean\n} & MarginProps\n\nexport const Row: FC<RowProps> = ({\n  iconLeft,\n  iconLeftColor = 'liquorice',\n  iconRight,\n  iconRightColor = 'marzipan',\n  handleClick,\n  heading,\n  subHeading,\n  type,\n  borderTop = true,\n  borderBottom = true,\n  boldHeading,\n  ...marginProps\n}) => {\n  const windowWidth = screen.width\n\n  return (\n    <Container\n      type={type}\n      iconLeft={iconLeft}\n      borderTop={borderTop}\n      borderBottom={borderBottom}\n      iconRight={iconRight}\n      onClick={handleClick}\n      boldHeading={boldHeading}\n      {...marginProps}\n    >\n      {iconLeft && (\n        <Icon\n          render={iconLeft}\n          size={windowWidth > 768 ? 24 : 18}\n          color={iconLeftColor}\n        />\n      )}\n      <Box>\n        <Text tag=\"h1\" typo=\"base\">\n          {heading}\n        </Text>\n        <Text tag=\"p\" typo=\"desc-small\" color=\"sesame\">\n          {subHeading}\n        </Text>\n      </Box>\n      {iconRight && (\n        <Icon\n          className=\"iconRight\"\n          render={iconRight}\n          size={24}\n          rotate={iconRight === 'caret' ? -90 : 0}\n          color={iconRightColor}\n        />\n      )}\n    </Container>\n  )\n}\n\ninterface IContainer {\n  type?: 'first' | 'last' | 'curved'\n  iconLeft?: string\n  iconRight?: string\n  borderTop: boolean\n  borderBottom: boolean\n  boldHeading?: boolean\n}\n\nconst Container = styled(Box)<IContainer>(\n  ({ type, iconLeft, borderTop, borderBottom, boldHeading }) => css`\n    border-radius: ${(type === 'first' && `16px 16px 0 0`) ||\n    (type === 'curved' && `16px`) ||\n    (type === 'last' && `0 0 16px 16px`) ||\n    0};\n\n    border-top: ${borderTop && type !== 'curved' && type !== 'first'\n      ? `1px solid ${theme.colors.oatmeal}`\n      : 'none'};\n    border-bottom: ${borderBottom && type !== 'curved' && type !== 'last'\n      ? `1px solid ${theme.colors.oatmeal}`\n      : 'none'};\n\n    background-color: ${theme.colors.custard};\n    display: grid;\n    grid-template-columns: ${iconLeft ? `24px auto 24px` : `auto 24px`};\n    padding: 16px;\n    grid-gap: 16px;\n    align-items: center;\n\n    cursor: pointer;\n\n    h1 {\n      font-weight: ${boldHeading && 500};\n    }\n\n    .iconRight {\n      justify-self: end;\n    }\n\n    @media (min-width: 768px) {\n      grid-gap: 24px;\n    }\n  `,\n)\n"],"names":[],"mappings":";;;;;;;AAwBO,MAAM,MAAoB,CAAC;AAAA,EAChC,QAAA;AAAA,EACA,aAAgB,GAAA,WAAA;AAAA,EAChB,SAAA;AAAA,EACA,cAAiB,GAAA,UAAA;AAAA,EACjB,WAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAY,GAAA,IAAA;AAAA,EACZ,YAAe,GAAA,IAAA;AAAA,EACf,WAAA;AAAA,EACA,GAAG,WAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,cAAc,MAAO,CAAA,KAAA,CAAA;AAE3B,EACE,uBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,WAAA;AAAA,MACC,GAAG,WAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QACC,QAAA,oBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAQ,EAAA,QAAA;AAAA,YACR,IAAA,EAAM,WAAc,GAAA,GAAA,GAAM,EAAK,GAAA,EAAA;AAAA,YAC/B,KAAO,EAAA,aAAA;AAAA,WAAA;AAAA,SACT;AAAA,6BAED,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAI,IAAK,EAAA,IAAA,EAAK,QACjB,QACH,EAAA,OAAA,EAAA,CAAA;AAAA,0BACA,GAAA,CAAC,QAAK,GAAI,EAAA,GAAA,EAAI,MAAK,YAAa,EAAA,KAAA,EAAM,UACnC,QACH,EAAA,UAAA,EAAA,CAAA;AAAA,SACF,EAAA,CAAA;AAAA,QACC,SACC,oBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,WAAA;AAAA,YACV,MAAQ,EAAA,SAAA;AAAA,YACR,IAAM,EAAA,EAAA;AAAA,YACN,MAAA,EAAQ,SAAc,KAAA,OAAA,GAAU,CAAM,EAAA,GAAA,CAAA;AAAA,YACtC,KAAO,EAAA,cAAA;AAAA,WAAA;AAAA,SACT;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ,EAAA;AAWA,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA;AAAA,EAC1B,CAAC,EAAE,IAAA,EAAM,UAAU,SAAW,EAAA,YAAA,EAAc,aAAkB,KAAA,GAAA,CAAA;AAAA,mBAC1C,EAAA,IAAA,KAAS,WAAW,CACrC,aAAA,CAAA,IAAA,IAAA,KAAS,YAAY,CACrB,IAAA,CAAA,IAAA,IAAA,KAAS,MAAU,IAAA,CAAA,aAAA,CAAA,IACpB,CAAC,CAAA;AAAA;AAAA,gBAEa,EAAA,SAAA,IAAa,IAAS,KAAA,QAAA,IAAY,IAAS,KAAA,OAAA,GACrD,aAAa,KAAM,CAAA,MAAA,CAAO,OAAO,CAAA,CAAA,GACjC,MAAM,CAAA;AAAA,mBACO,EAAA,YAAA,IAAgB,IAAS,KAAA,QAAA,IAAY,IAAS,KAAA,MAAA,GAC3D,aAAa,KAAM,CAAA,MAAA,CAAO,OAAO,CAAA,CAAA,GACjC,MAAM,CAAA;AAAA;AAAA,sBAEU,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAAA,2BAEf,EAAA,QAAA,GAAW,mBAAmB,CAAW,SAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAA,EAQjD,eAAe,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAWvC,CAAA;;;;"}

package/dist/SearchInput/SearchInput.js

@@ -1,120 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useMemo } from 'react';
-import { Box } from '../Box/Box.js';
-import { Field } from '../fields/Field/Field.js';
-import { StyledFrontIcon, Input } from '../fields/components/CommonInput.js';
-import { useUniqueId } from '../utils/id.js';
-import { useControllableState } from '../utils/useControlledState.js';
-import { SearchOptions } from './SearchOptions.js';
-
-const SearchInput = forwardRef(
-  function SearchInput2({
-    id: idProp,
-    name = "search_input",
-    className = "",
-    placeholder,
-    searchList,
-    showIcon = false,
-    renderAsTitle = false,
-    value,
-    onBlur,
-    onFound,
-    fallbackStyle,
-    resultsRelativePosition = false,
-    resultsBorder = true,
-    ...otherProps
-  }, ref) {
-    const id = useUniqueId(idProp);
-    const [showOptions, setShowOptions] = useState(false);
-    const [selectedValue, setSelectedValue] = useControllableState({
-      initialState: null,
-      stateProp: value
-    });
-    const [searchQuery, setSearchQuery] = useState(null);
-    const filteredList = useMemo(() => {
-      if (searchQuery === null || searchQuery === "") {
-        return searchList;
-      }
-      return searchList.filter(
-        ({ label }) => label.toLowerCase().includes(searchQuery.toLocaleLowerCase())
-      );
-    }, [searchQuery]);
-    const getDisplayedInputText = () => {
-      if (searchQuery !== null) {
-        return searchQuery;
-      }
-      if (selectedValue !== null) {
-        return searchList.find(
-          (option) => option.label === selectedValue || option.value === selectedValue
-        )?.label || "";
-      }
-      return "";
-    };
-    const isSelected = selectedValue !== null;
-    const displayedInputText = getDisplayedInputText();
-    const updateSearchQuery = (query) => {
-      setSearchQuery(query);
-      if (query === null) {
-        setShowOptions(false);
-      } else {
-        setShowOptions(2 <= query.length);
-      }
-    };
-    const handleInputChange = (event) => {
-      const nextValue = event.currentTarget.value;
-      updateSearchQuery(nextValue);
-    };
-    const handleSelect = (nextValue) => {
-      updateSearchQuery(null);
-      setSelectedValue(nextValue.label);
-      onFound(nextValue.value);
-    };
-    return /* @__PURE__ */ jsxs(
-      Field,
-      {
-        className,
-        renderAsTitle,
-        htmlFor: id,
-        ...otherProps,
-        children: [
-          /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", justifyContent: "flex-start", children: [
-            showIcon && /* @__PURE__ */ jsx(StyledFrontIcon, { render: "search", color: "sesame" }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id,
-                name,
-                ref,
-                placeholder,
-                frontIcon: showIcon ? "search" : void 0,
-                fallbackStyle,
-                autoComplete: "off",
-                value: displayedInputText,
-                onChange: handleInputChange,
-                selected: isSelected,
-                onBlur: (e) => {
-                  if (displayedInputText === "") {
-                    setSearchQuery(null);
-                  }
-                  onBlur?.(e);
-                }
-              }
-            )
-          ] }),
-          showOptions && /* @__PURE__ */ jsx(
-            SearchOptions,
-            {
-              displayedList: filteredList,
-              onSelect: handleSelect,
-              positionRelative: resultsRelativePosition,
-              resultsBorder
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-
-export { SearchInput };
-//# sourceMappingURL=SearchInput.js.map

package/dist/SearchInput/SearchInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.js","sources":["../../src/SearchInput/SearchInput.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  FocusEvent,\n  forwardRef,\n  useMemo,\n  useState,\n} from 'react'\nimport { Box } from '../Box'\nimport { Field } from '../fields/Field'\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\nimport { Input, StyledFrontIcon } from '../fields/components/CommonInput'\nimport { useUniqueId } from '../utils/id'\nimport { useControllableState } from '../utils/useControlledState'\nimport { SearchOptions } from './SearchOptions'\n\nexport type SearchInputItem = {\n  label: string\n  value: string\n}\n\nexport interface SearchInputProps extends CommonFieldProps {\n  name?: string\n  placeholder?: string\n  searchList: SearchInputItem[]\n  onFound: (element: string) => void\n  showIcon?: boolean\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  value?: string\n  resultsRelativePosition?: boolean\n  resultsBorder?: boolean\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(\n  function SearchInput(\n    {\n      id: idProp,\n      name = 'search_input',\n      className = '',\n      placeholder,\n      searchList,\n      showIcon = false,\n      renderAsTitle = false,\n      value,\n      onBlur,\n      onFound,\n      fallbackStyle,\n      resultsRelativePosition = false,\n      resultsBorder = true,\n      ...otherProps\n    },\n    ref,\n  ) {\n    const id = useUniqueId(idProp)\n    const [showOptions, setShowOptions] = useState(false)\n    const [selectedValue, setSelectedValue] = useControllableState<\n      string | null\n    >({\n      initialState: null,\n      stateProp: value,\n    })\n\n    const [searchQuery, setSearchQuery] = useState<string | null>(null)\n\n    const filteredList = useMemo(() => {\n      if (searchQuery === null || searchQuery === '') {\n        return searchList\n      }\n\n      return searchList.filter(({ label }) =>\n        label.toLowerCase().includes(searchQuery.toLocaleLowerCase()),\n      )\n    }, [searchQuery])\n\n    const getDisplayedInputText = () => {\n      if (searchQuery !== null) {\n        return searchQuery\n      }\n\n      if (selectedValue !== null) {\n        return (\n          searchList.find(\n            (option) =>\n              option.label === selectedValue || option.value === selectedValue,\n          )?.label || ''\n        )\n      }\n\n      return ''\n    }\n\n    const isSelected = selectedValue !== null\n    const displayedInputText = getDisplayedInputText()\n\n    const updateSearchQuery = (query: string | null) => {\n      setSearchQuery(query)\n\n      if (query === null) {\n        setShowOptions(false)\n      } else {\n        setShowOptions(2 <= query.length)\n      }\n    }\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>): void => {\n      const nextValue = event.currentTarget.value\n      updateSearchQuery(nextValue)\n    }\n\n    const handleSelect = (nextValue: SearchInputItem): void => {\n      updateSearchQuery(null)\n\n      setSelectedValue(nextValue.label)\n      onFound(nextValue.value)\n    }\n\n    return (\n      <Field\n        className={className}\n        renderAsTitle={renderAsTitle}\n        htmlFor={id}\n        {...otherProps}\n      >\n        <Box flex alignItems=\"center\" justifyContent=\"flex-start\">\n          {showIcon && <StyledFrontIcon render=\"search\" color=\"sesame\" />}\n          <Input\n            id={id}\n            name={name}\n            ref={ref}\n            placeholder={placeholder}\n            frontIcon={showIcon ? 'search' : undefined}\n            fallbackStyle={fallbackStyle}\n            autoComplete=\"off\"\n            value={displayedInputText}\n            onChange={handleInputChange}\n            selected={isSelected}\n            onBlur={(e) => {\n              if (displayedInputText === '') {\n                setSearchQuery(null)\n              }\n              onBlur?.(e)\n            }}\n          />\n        </Box>\n\n        {showOptions && (\n          <SearchOptions\n            displayedList={filteredList}\n            onSelect={handleSelect}\n            positionRelative={resultsRelativePosition}\n            resultsBorder={resultsBorder}\n          />\n        )}\n      </Field>\n    )\n  },\n)\n"],"names":["SearchInput"],"mappings":"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"}

package/dist/SearchInput/SearchOptions.js

@@ -1,64 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { darken } from 'polished';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { theme } from '../theme.js';
-
-const SearchOptions = ({
-  displayedList,
-  onSelect,
-  positionRelative,
-  resultsBorder
-}) => {
-  return /* @__PURE__ */ jsx(BoxWithPositionRelative, { children: /* @__PURE__ */ jsx(StyledResultsContainer, { positionRelative, children: /* @__PURE__ */ jsx(ResultsList, { resultsBorder, children: displayedList.length ? displayedList.map((el, i) => /* @__PURE__ */ jsx("li", { onClick: () => onSelect(el), children: el.label }, i)) : /* @__PURE__ */ jsx("li", { children: "No results" }) }) }) });
-};
-const StyledResultsContainer = styled.div`
-  box-sizing: border-box;
-  overflow-y: hidden;
-  ${({ positionRelative }) => !positionRelative && "position: absolute;"}
-  width: 100%;
-  left: 0px;
-  top: -8px;
-
-  ul {
-    max-height: 192px;
-  }
-`;
-const ResultsList = styled.ul`
-  position: relative;
-  list-style: none;
-  overflow-y: auto;
-  padding: 0;
-  margin: 0;
-  background-color: ${theme.colors.custard};
-  border-radius: 12px;
-  margin-top: 14px;
-  z-index: 1000;
-  ${({ resultsBorder }) => resultsBorder && css`
-      border: 2px solid ${theme.colors.oatmeal};
-    `}
-
-  li {
-    padding: 16px 14px;
-    box-sizing: border-box;
-    font-size: 16px;
-    color: ${theme.colors.liquorice};
-    cursor: pointer;
-
-    ${({ resultsBorder }) => resultsBorder && `border-bottom: 2px solid ${theme.colors.oatmeal};`}
-
-    &:last-child {
-      ${({ resultsBorder }) => resultsBorder && `border-bottom:none`}
-    }
-
-    &:hover {
-      background-color: ${darken(0.1, theme.colors.custard)};
-    }
-  }
-`;
-const BoxWithPositionRelative = styled(Box)`
-  position: relative;
-`;
-
-export { SearchOptions };
-//# sourceMappingURL=SearchOptions.js.map

package/dist/SearchInput/SearchOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchOptions.js","sources":["../../src/SearchInput/SearchOptions.tsx"],"sourcesContent":["import { darken } from 'polished'\nimport React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Box } from '../Box'\nimport { theme } from '../theme'\n\ntype Option = {\n  label: string\n  value: string\n}\n\ntype SearchOptionsProps = {\n  displayedList: Array<Option>\n  onSelect: (option: Option) => void\n  positionRelative: boolean\n  resultsBorder: boolean\n}\n\nexport const SearchOptions: FC<SearchOptionsProps> = ({\n  displayedList,\n  onSelect,\n  positionRelative,\n  resultsBorder,\n}) => {\n  return (\n    <BoxWithPositionRelative>\n      <StyledResultsContainer positionRelative={positionRelative}>\n        <ResultsList resultsBorder={resultsBorder}>\n          {displayedList.length ? (\n            displayedList.map((el, i) => (\n              <li key={i} onClick={() => onSelect(el)}>\n                {el.label}\n              </li>\n            ))\n          ) : (\n            <li>No results</li>\n          )}\n        </ResultsList>\n      </StyledResultsContainer>\n    </BoxWithPositionRelative>\n  )\n}\n\nconst StyledResultsContainer = styled.div<\n  Pick<SearchOptionsProps, 'positionRelative'>\n>`\n  box-sizing: border-box;\n  overflow-y: hidden;\n  ${({ positionRelative }) => !positionRelative && 'position: absolute;'}\n  width: 100%;\n  left: 0px;\n  top: -8px;\n\n  ul {\n    max-height: 192px;\n  }\n`\n\nconst ResultsList = styled.ul<Pick<SearchOptionsProps, 'resultsBorder'>>`\n  position: relative;\n  list-style: none;\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n  background-color: ${theme.colors.custard};\n  border-radius: 12px;\n  margin-top: 14px;\n  z-index: 1000;\n  ${({ resultsBorder }) =>\n    resultsBorder &&\n    css`\n      border: 2px solid ${theme.colors.oatmeal};\n    `}\n\n  li {\n    padding: 16px 14px;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: ${theme.colors.liquorice};\n    cursor: pointer;\n\n    ${({ resultsBorder }) =>\n      resultsBorder && `border-bottom: 2px solid ${theme.colors.oatmeal};`}\n\n    &:last-child {\n      ${({ resultsBorder }) => resultsBorder && `border-bottom:none`}\n    }\n\n    &:hover {\n      background-color: ${darken(0.1, theme.colors.custard)};\n    }\n  }\n`\n\nconst BoxWithPositionRelative = styled(Box)`\n  position: relative;\n`\n"],"names":[],"mappings":";;;;;;AAkBO,MAAM,gBAAwC,CAAC;AAAA,EACpD,aAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AACF,CAAM,KAAA;AACJ,EAAA,uBACG,GAAA,CAAA,uBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,sBAAA,EAAA,EAAuB,kBACtB,QAAC,kBAAA,GAAA,CAAA,WAAA,EAAA,EAAY,aACV,EAAA,QAAA,EAAA,aAAA,CAAc,MACb,GAAA,aAAA,CAAc,GAAI,CAAA,CAAC,IAAI,CACrB,qBAAA,GAAA,CAAC,IAAW,EAAA,EAAA,OAAA,EAAS,MAAM,QAAA,CAAS,EAAE,CAAA,EACnC,aAAG,KADG,EAAA,EAAA,CAET,CACD,CAAA,mBAEA,GAAA,CAAA,IAAA,EAAA,EAAG,QAAU,EAAA,YAAA,EAAA,CAAA,EAElB,GACF,CACF,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,yBAAyB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA,EAAA,EAKlC,CAAC,EAAE,gBAAA,EAAuB,KAAA,CAAC,oBAAoB,qBAAqB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAUxE,MAAM,cAAc,MAAO,CAAA,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAML,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAItC,CAAC,EAAE,aAAc,EAAA,KACjB,aACA,IAAA,GAAA,CAAA;AAAA,wBACsB,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,IACzC,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMQ,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;AAAA;AAAA,IAG7B,EAAA,CAAC,EAAE,aAAc,EAAA,KACjB,iBAAiB,CAA4B,yBAAA,EAAA,KAAA,CAAM,MAAO,CAAA,OAAO,CAAG,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA,MAAA,EAGlE,CAAC,EAAE,aAAc,EAAA,KAAM,iBAAiB,CAAoB,kBAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,wBAAA,EAI1C,MAAO,CAAA,GAAA,EAAK,KAAM,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAK3D,MAAM,uBAAA,GAA0B,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/Snackbar/SnackbarContainer.js

@@ -1,64 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useCallback } from 'react';
-import styled from 'styled-components';
-import { SnackbarItem } from './SnackbarItem.js';
-
-const SnackbarContext = createContext({
-  addSnackbar: () => {
-    throw new Error("Please add the SnackbarContainer to your application");
-  }
-});
-const useSnackbarContext = () => useContext(SnackbarContext);
-const SnackbarContainer = ({
-  children
-}) => {
-  let snackbarId = 0;
-  const [snackbars, setSnackbars] = useState([]);
-  const newSnackId = useCallback(() => {
-    const newId = `MM_SNACKBAR_${snackbarId}`;
-    snackbarId++;
-    return newId;
-  }, [snackbarId]);
-  const addSnackbar = (snackbar) => {
-    const newSnack = {
-      ...snackbar,
-      id: newSnackId()
-    };
-    setSnackbars([...snackbars, newSnack]);
-  };
-  const deleteSnackbar = (id) => {
-    setSnackbars(snackbars.filter((snackbar) => snackbar.id !== id));
-  };
-  return /* @__PURE__ */ jsxs(
-    SnackbarContext.Provider,
-    {
-      value: {
-        addSnackbar
-      },
-      children: [
-        children,
-        /* @__PURE__ */ jsx(SnackbarWrapper, { children: snackbars.map((snackbar) => /* @__PURE__ */ jsx(
-          SnackbarItem,
-          {
-            ...snackbar,
-            deleteSnack: deleteSnackbar
-          },
-          snackbar.id
-        )) })
-      ]
-    }
-  );
-};
-const SnackbarWrapper = styled.div`
-  position: fixed;
-  bottom: 35px;
-  left: 0;
-  right: 0;
-  margin: 0 auto;
-  width: 90%;
-  max-width: 875px;
-  z-index: 1000;
-`;
-
-export { SnackbarContainer, SnackbarContext, useSnackbarContext };
-//# sourceMappingURL=SnackbarContainer.js.map

package/dist/Snackbar/SnackbarContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnackbarContainer.js","sources":["../../src/Snackbar/SnackbarContainer.tsx"],"sourcesContent":["import React, {\n  createContext,\n  FC,\n  useState,\n  useCallback,\n  ReactNode,\n  useContext,\n} from 'react'\nimport styled from 'styled-components'\nimport { SnackbarItem } from './SnackbarItem'\nimport { CreateSnack, Snackbar, SnackbarContextType } from './types'\n\nexport const SnackbarContext = createContext<SnackbarContextType>({\n  addSnackbar: () => {\n    throw new Error('Please add the SnackbarContainer to your application')\n  },\n})\n\nexport const useSnackbarContext = () => useContext(SnackbarContext)\n\nexport const SnackbarContainer: FC<{ children?: ReactNode }> = ({\n  children,\n}) => {\n  let snackbarId = 0\n  const [snackbars, setSnackbars] = useState<Snackbar[]>([])\n\n  // create snackbar unique ID\n  const newSnackId = useCallback(() => {\n    const newId = `MM_SNACKBAR_${snackbarId}`\n    snackbarId++\n    return newId\n  }, [snackbarId])\n\n  const addSnackbar = (snackbar: CreateSnack) => {\n    const newSnack = {\n      ...snackbar,\n      id: newSnackId(),\n    }\n    setSnackbars([...snackbars, newSnack])\n  }\n\n  const deleteSnackbar = (id: string) => {\n    setSnackbars(snackbars.filter((snackbar) => snackbar.id !== id))\n  }\n\n  return (\n    <SnackbarContext.Provider\n      value={{\n        addSnackbar,\n      }}\n    >\n      {children}\n      <SnackbarWrapper>\n        {snackbars.map((snackbar) => (\n          <SnackbarItem\n            key={snackbar.id}\n            {...snackbar}\n            deleteSnack={deleteSnackbar}\n          />\n        ))}\n      </SnackbarWrapper>\n    </SnackbarContext.Provider>\n  )\n}\n\nconst SnackbarWrapper = styled.div`\n  position: fixed;\n  bottom: 35px;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  width: 90%;\n  max-width: 875px;\n  z-index: 1000;\n`\n"],"names":[],"mappings":";;;;;AAYO,MAAM,kBAAkB,aAAmC,CAAA;AAAA,EAChE,aAAa,MAAM;AACjB,IAAM,MAAA,IAAI,MAAM,sDAAsD,CAAA,CAAA;AAAA,GACxE;AACF,CAAC,EAAA;AAEY,MAAA,kBAAA,GAAqB,MAAM,UAAA,CAAW,eAAe,EAAA;AAE3D,MAAM,oBAAkD,CAAC;AAAA,EAC9D,QAAA;AACF,CAAM,KAAA;AACJ,EAAA,IAAI,UAAa,GAAA,CAAA,CAAA;AACjB,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA,CAAqB,EAAE,CAAA,CAAA;AAGzD,EAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,IAAM,MAAA,KAAA,GAAQ,eAAe,UAAU,CAAA,CAAA,CAAA;AACvC,IAAA,UAAA,EAAA,CAAA;AACA,IAAO,OAAA,KAAA,CAAA;AAAA,GACT,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAM,MAAA,WAAA,GAAc,CAAC,QAA0B,KAAA;AAC7C,IAAA,MAAM,QAAW,GAAA;AAAA,MACf,GAAG,QAAA;AAAA,MACH,IAAI,UAAW,EAAA;AAAA,KACjB,CAAA;AACA,IAAA,YAAA,CAAa,CAAC,GAAG,SAAW,EAAA,QAAQ,CAAC,CAAA,CAAA;AAAA,GACvC,CAAA;AAEA,EAAM,MAAA,cAAA,GAAiB,CAAC,EAAe,KAAA;AACrC,IAAA,YAAA,CAAa,UAAU,MAAO,CAAA,CAAC,aAAa,QAAS,CAAA,EAAA,KAAO,EAAE,CAAC,CAAA,CAAA;AAAA,GACjE,CAAA;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,eAAgB,CAAA,QAAA;AAAA,IAAhB;AAAA,MACC,KAAO,EAAA;AAAA,QACL,WAAA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACA,GAAA,CAAA,eAAA,EAAA,EACE,QAAU,EAAA,SAAA,CAAA,GAAA,CAAI,CAAC,QACd,qBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YAEE,GAAG,QAAA;AAAA,YACJ,WAAa,EAAA,cAAA;AAAA,WAAA;AAAA,UAFR,QAAS,CAAA,EAAA;AAAA,SAIjB,CACH,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,MAAM,kBAAkB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/Snackbar/SnackbarItem.js

@@ -1,47 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Box } from '../Box/Box.js';
-import styled from 'styled-components';
-import { Icon } from '../Icon/Icon.js';
-import { theme } from '../theme.js';
-import { Text } from '../Text/Text.js';
-import 'react';
-import { useTimeout } from '../hooks/useTimeout/index.js';
-
-const SnackbarItem = ({
-  autoCloseTime = 4,
-  id,
-  message,
-  leadingIcon,
-  canManuallyClose,
-  showCloseIcon,
-  deleteSnack
-}) => {
-  useTimeout(() => deleteSnack(id), autoCloseTime * 1e3);
-  return /* @__PURE__ */ jsxs(SnackItem, { p: "16px", mt: "16px", flex: true, justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", children: [
-      leadingIcon && /* @__PURE__ */ jsx(Icon, { mr: "12px", render: leadingIcon, size: 24, color: "mascarpone" }),
-      /* @__PURE__ */ jsx(Text, { typo: "desc-small", color: "mascarpone", children: message })
-    ] }),
-    canManuallyClose && /* @__PURE__ */ jsx(
-      CloseButton,
-      {
-        onClick: () => deleteSnack(id),
-        "aria-label": `close snackbar ${message}`,
-        children: showCloseIcon ? /* @__PURE__ */ jsx(Icon, { render: "cross", size: 16, color: "mascarpone" }) : /* @__PURE__ */ jsx(UnderlinedText, { tag: "span", typo: "desc-medium", color: "mascarpone", children: "Dismiss" })
-      }
-    )
-  ] }, id);
-};
-const SnackItem = styled(Box)`
-  border-radius: 16px;
-  background-color: ${theme.colors.liquorice};
-`;
-const CloseButton = styled.button`
-  cursor: pointer;
-`;
-const UnderlinedText = styled(Text)`
-  text-decoration: underline;
-`;
-
-export { SnackbarItem };
-//# sourceMappingURL=SnackbarItem.js.map

package/dist/Snackbar/SnackbarItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnackbarItem.js","sources":["../../src/Snackbar/SnackbarItem.tsx"],"sourcesContent":["import { Box } from '../Box'\nimport React, { FC } from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '../Icon'\nimport { theme } from '../theme'\nimport { Text } from '../Text'\nimport { Snackbar } from './types'\nimport { useTimeout } from '../hooks'\n\ninterface Props extends Snackbar {\n  deleteSnack: (id: string) => void\n}\n\nexport const SnackbarItem: FC<Props> = ({\n  autoCloseTime = 4,\n  id,\n  message,\n  leadingIcon,\n  canManuallyClose,\n  showCloseIcon,\n  deleteSnack,\n}) => {\n  useTimeout(() => deleteSnack(id), autoCloseTime * 1000)\n\n  return (\n    <SnackItem p=\"16px\" key={id} mt=\"16px\" flex justifyContent=\"space-between\">\n      <Box flex alignItems=\"center\">\n        {leadingIcon && (\n          <Icon mr=\"12px\" render={leadingIcon} size={24} color=\"mascarpone\" />\n        )}\n        <Text typo=\"desc-small\" color=\"mascarpone\">\n          {message}\n        </Text>\n      </Box>\n      {canManuallyClose && (\n        <CloseButton\n          onClick={() => deleteSnack(id)}\n          aria-label={`close snackbar ${message}`}\n        >\n          {showCloseIcon ? (\n            <Icon render=\"cross\" size={16} color=\"mascarpone\" />\n          ) : (\n            <UnderlinedText tag=\"span\" typo=\"desc-medium\" color=\"mascarpone\">\n              Dismiss\n            </UnderlinedText>\n          )}\n        </CloseButton>\n      )}\n    </SnackItem>\n  )\n}\n\nconst SnackItem = styled(Box)`\n  border-radius: 16px;\n  background-color: ${theme.colors.liquorice};\n`\n\nconst CloseButton = styled.button`\n  cursor: pointer;\n`\n\nconst UnderlinedText = styled(Text)`\n  text-decoration: underline;\n`\n"],"names":[],"mappings":";;;;;;;;;AAaO,MAAM,eAA0B,CAAC;AAAA,EACtC,aAAgB,GAAA,CAAA;AAAA,EAChB,EAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AACF,CAAM,KAAA;AACJ,EAAA,UAAA,CAAW,MAAM,WAAA,CAAY,EAAE,CAAA,EAAG,gBAAgB,GAAI,CAAA,CAAA;AAEtD,EACE,uBAAA,IAAA,CAAC,aAAU,CAAE,EAAA,MAAA,EAAgB,IAAG,MAAO,EAAA,IAAA,EAAI,IAAC,EAAA,cAAA,EAAe,eACzD,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,UAAA,EAAW,QAClB,EAAA,QAAA,EAAA;AAAA,MACC,WAAA,oBAAA,GAAA,CAAC,QAAK,EAAG,EAAA,MAAA,EAAO,QAAQ,WAAa,EAAA,IAAA,EAAM,EAAI,EAAA,KAAA,EAAM,YAAa,EAAA,CAAA;AAAA,0BAEnE,IAAK,EAAA,EAAA,IAAA,EAAK,YAAa,EAAA,KAAA,EAAM,cAC3B,QACH,EAAA,OAAA,EAAA,CAAA;AAAA,KACF,EAAA,CAAA;AAAA,IACC,gBACC,oBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,MAAM,WAAA,CAAY,EAAE,CAAA;AAAA,QAC7B,YAAA,EAAY,kBAAkB,OAAO,CAAA,CAAA;AAAA,QAEpC,0CACE,GAAA,CAAA,IAAA,EAAA,EAAK,QAAO,OAAQ,EAAA,IAAA,EAAM,IAAI,KAAM,EAAA,YAAA,EAAa,CAElD,mBAAA,GAAA,CAAC,kBAAe,GAAI,EAAA,MAAA,EAAO,MAAK,aAAc,EAAA,KAAA,EAAM,cAAa,QAEjE,EAAA,SAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KAEJ;AAAA,GAAA,EAAA,EArBqB,EAuBzB,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA,oBAEN,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA,CAAA,CAAA;AAG5C,MAAM,cAAc,MAAO,CAAA,MAAA,CAAA;AAAA;AAAA,CAAA,CAAA;AAI3B,MAAM,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/Snackbar/hooks.js

@@ -1,9 +0,0 @@
-import { useSnackbarContext } from './SnackbarContainer.js';
-
-const useSnackbar = () => {
-  const { addSnackbar } = useSnackbarContext();
-  return { addSnackbar };
-};
-
-export { useSnackbar };
-//# sourceMappingURL=hooks.js.map

package/dist/Snackbar/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sources":["../../src/Snackbar/hooks.ts"],"sourcesContent":["import { useSnackbarContext } from './SnackbarContainer'\n\nexport const useSnackbar = () => {\n  const { addSnackbar } = useSnackbarContext()\n\n  return { addSnackbar }\n}\n"],"names":[],"mappings":";;AAEO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,kBAAmB,EAAA,CAAA;AAE3C,EAAA,OAAO,EAAE,WAAY,EAAA,CAAA;AACvB;;;;"}

package/dist/SupportMessage/SupportMessage.js

@@ -1,113 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { darken } from 'polished';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { Icon } from '../Icon/Icon.js';
-import { Text } from '../Text/Text.js';
-import { theme } from '../theme.js';
-import { isReactElement } from '../utils/isReactElement.js';
-
-const styles = {
-  info: {
-    iconColor: "liquorice",
-    backgroundColor: theme.colors.custard,
-    hoverBackgroundColor: darken(0.1, theme.colors.custard),
-    icon: "info"
-  },
-  fallbackStyle: {
-    iconColor: "liquorice",
-    backgroundColor: theme.colors.coconut,
-    hoverBackgroundColor: darken(0.1, theme.colors.coconut),
-    icon: "info"
-  },
-  alert: {
-    iconColor: "tangerine",
-    backgroundColor: theme.colors.sherbert,
-    hoverBackgroundColor: darken(0.1, theme.colors.sherbert),
-    icon: "alert"
-  },
-  warning: {
-    iconColor: "strawberry",
-    backgroundColor: theme.colors.watermelon,
-    hoverBackgroundColor: darken(0.1, theme.colors.watermelon),
-    icon: "warning"
-  },
-  success: {
-    iconColor: "apple",
-    backgroundColor: theme.colors.mint,
-    hoverBackgroundColor: darken(0.1, theme.colors.mint),
-    icon: "included"
-  }
-};
-const SupportMessage = ({
-  className,
-  description,
-  onClick,
-  type = "info",
-  title,
-  ...marginProps
-}) => {
-  return /* @__PURE__ */ jsxs(
-    Wrapper,
-    {
-      className,
-      type,
-      onClick,
-      ...marginProps,
-      children: [
-        /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(
-          Icon,
-          {
-            size: 20,
-            render: styles[type].icon,
-            color: styles[type].iconColor
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(Box, { flex: true, direction: "column", mx: "8px", children: [
-          title && /* @__PURE__ */ jsx(Title, { children: title }),
-          isReactElement(description) ? /* @__PURE__ */ jsx(DescriptionBox, { children: description }) : /* @__PURE__ */ jsx(Description, { tag: "p", children: description })
-        ] }),
-        onClick && /* @__PURE__ */ jsx(Box, { ml: { custom: "auto" }, children: /* @__PURE__ */ jsx(Icon, { size: 16, render: "caret", color: "marzipan", rotate: 270 }) })
-      ]
-    }
-  );
-};
-const IconWrapper = styled(Box)`
-  align-self: flex-start;
-`;
-const Wrapper = styled(Box)(
-  ({ type, onClick }) => css`
-    align-items: center;
-    background-color: ${styles[type].backgroundColor};
-    border-radius: 16px;
-    ${onClick && `cursor: pointer`};
-    padding: 12px;
-    display: flex;
-    width: 100%;
-
-    &:hover,
-    &:active {
-      ${onClick && `background-color: ${styles[type].hoverBackgroundColor};`};
-    }
-  `
-);
-const Title = styled.p`
-  font-size: 16px;
-  font-weight: ${theme.font.weight.medium};
-  color: ${theme.colors.liquorice};
-  line-height: 20.8px;
-  margin-bottom: 4px;
-`;
-const DescriptionBox = styled(Box)`
-  color: ${theme.colors.liquorice};
-  font-size: 14px;
-  line-height: 20px;
-`;
-const Description = styled(Text)`
-  color: ${theme.colors.liquorice};
-  font-size: 14px;
-  line-height: 20px;
-`;
-
-export { SupportMessage };
-//# sourceMappingURL=SupportMessage.js.map

package/dist/SupportMessage/SupportMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SupportMessage.js","sources":["../../src/SupportMessage/SupportMessage.tsx"],"sourcesContent":["import { darken } from 'polished'\nimport React, { FC, MouseEventHandler, ReactElement } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Icons } from 'Icon/iconsList'\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\n\nimport { Text } from '../Text'\nimport { Color, theme } from '../theme'\nimport { isReactElement } from '../utils/isReactElement'\nimport { MarginProps } from '../utils/space'\n\ntype StylesItem = {\n  iconColor: Color\n  backgroundColor: string\n  hoverBackgroundColor: string\n  icon: Icons\n}\n\nconst styles: Record<SupportMessageType, StylesItem> = {\n  info: {\n    iconColor: 'liquorice',\n    backgroundColor: theme.colors.custard,\n    hoverBackgroundColor: darken(0.1, theme.colors.custard),\n    icon: 'info',\n  },\n  fallbackStyle: {\n    iconColor: 'liquorice',\n    backgroundColor: theme.colors.coconut,\n    hoverBackgroundColor: darken(0.1, theme.colors.coconut),\n    icon: 'info',\n  },\n  alert: {\n    iconColor: 'tangerine',\n    backgroundColor: theme.colors.sherbert,\n    hoverBackgroundColor: darken(0.1, theme.colors.sherbert),\n    icon: 'alert',\n  },\n  warning: {\n    iconColor: 'strawberry',\n    backgroundColor: theme.colors.watermelon,\n    hoverBackgroundColor: darken(0.1, theme.colors.watermelon),\n    icon: 'warning',\n  },\n  success: {\n    iconColor: 'apple',\n    backgroundColor: theme.colors.mint,\n    hoverBackgroundColor: darken(0.1, theme.colors.mint),\n    icon: 'included',\n  },\n}\n\ntype SupportMessageType =\n  | 'info'\n  | 'fallbackStyle'\n  | 'alert'\n  | 'warning'\n  | 'success'\n\nexport type SupportMessageProps = {\n  className?: string\n  description: string | ReactElement\n  onClick?: MouseEventHandler\n  type: SupportMessageType\n  title?: string\n} & MarginProps\n\nexport const SupportMessage: FC<SupportMessageProps> = ({\n  className,\n  description,\n  onClick,\n  type = 'info',\n  title,\n  ...marginProps\n}) => {\n  return (\n    <Wrapper\n      className={className}\n      type={type}\n      onClick={onClick}\n      {...marginProps}\n    >\n      <IconWrapper>\n        <Icon\n          size={20}\n          render={styles[type].icon}\n          color={styles[type].iconColor}\n        />\n      </IconWrapper>\n      <Box flex direction=\"column\" mx=\"8px\">\n        {title && <Title>{title}</Title>}\n        {isReactElement(description) ? (\n          <DescriptionBox>{description}</DescriptionBox>\n        ) : (\n          <Description tag=\"p\">{description}</Description>\n        )}\n      </Box>\n      {onClick && (\n        <Box ml={{ custom: 'auto' }}>\n          <Icon size={16} render=\"caret\" color=\"marzipan\" rotate={270} />\n        </Box>\n      )}\n    </Wrapper>\n  )\n}\n\ninterface IWrapper {\n  type: SupportMessageType\n  onClick?: MouseEventHandler\n}\n\nconst IconWrapper = styled(Box)`\n  align-self: flex-start;\n`\n\nconst Wrapper = styled(Box)<IWrapper>(\n  ({ type, onClick }) => css`\n    align-items: center;\n    background-color: ${styles[type].backgroundColor};\n    border-radius: 16px;\n    ${onClick && `cursor: pointer`};\n    padding: 12px;\n    display: flex;\n    width: 100%;\n\n    &:hover,\n    &:active {\n      ${onClick && `background-color: ${styles[type].hoverBackgroundColor};`};\n    }\n  `,\n)\n\nconst Title = styled.p`\n  font-size: 16px;\n  font-weight: ${theme.font.weight.medium};\n  color: ${theme.colors.liquorice};\n  line-height: 20.8px;\n  margin-bottom: 4px;\n`\n\nconst DescriptionBox = styled(Box)`\n  color: ${theme.colors.liquorice};\n  font-size: 14px;\n  line-height: 20px;\n`\n\nconst Description = styled(Text)`\n  color: ${theme.colors.liquorice};\n  font-size: 14px;\n  line-height: 20px;\n`\n"],"names":[],"mappings":"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"}

package/dist/Table/Table.js

@@ -1,75 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Text } from '../Text/Text.js';
-import { TableHeader } from './components/TableHeader.js';
-import { TableRow } from './components/TableRow.js';
-import { StyledTable, StyledCell } from './components/commonComponents.js';
-
-const Table = ({
-  columns,
-  data,
-  fixedHeader = true,
-  expandable,
-  subTable,
-  subRows,
-  headerHeight,
-  headerColor = "mascarpone",
-  rowColor = "custard",
-  stripedColor,
-  rowBorderColor = "oatmeal",
-  rowActions,
-  clickableRow,
-  rowPadding,
-  columnPadding,
-  noDataContent
-}) => {
-  const showActionsCell = expandable || rowActions;
-  const expandSubProp = showActionsCell ? columns.length + 1 : columns.length;
-  return /* @__PURE__ */ jsxs(StyledTable, { children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx(
-      TableHeader,
-      {
-        columns,
-        fixedHeader,
-        headerHeight,
-        subTable,
-        headerColor,
-        rowActions,
-        columnPadding,
-        expandable
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("tbody", { children: [
-      data.length === 0 && /* @__PURE__ */ jsx(
-        StyledCell,
-        {
-          colSpan: expandSubProp,
-          rowPadding,
-          columnPadding,
-          children: noDataContent ? noDataContent : /* @__PURE__ */ jsx(Text, { align: "center", children: "No available data" })
-        }
-      ),
-      data.length !== 0 && data.map((row, rowIndex) => /* @__PURE__ */ jsx(
-        TableRow,
-        {
-          rowData: row,
-          rowIndex,
-          columns,
-          rowActions,
-          stripedColor,
-          subTable,
-          subRows,
-          rowColor,
-          rowBorderColor,
-          rowPadding,
-          columnPadding,
-          expandable,
-          clickableRow
-        },
-        rowIndex
-      ))
-    ] })
-  ] });
-};
-
-export { Table };
-//# sourceMappingURL=Table.js.map

package/dist/Table/Table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.js","sources":["../../src/Table/Table.tsx"],"sourcesContent":["import React from 'react'\nimport { Text } from '../Text'\nimport { TableHeader } from './components/TableHeader'\nimport { TableRow } from './components/TableRow'\nimport { StyledCell, StyledTable } from './components/commonComponents'\nimport { TableProps } from './types'\n\n/**\n * A table component that displays data with various features such as expandable rows, striped rows, and fixed headers.\n *\n * Caveats:\n * - subRows should always have the same columns as the Parent table.\n * - stripedColor wont be applied to subRows or subTables.\n * - rowActions will always need an onClick, this will be automatically passed onto the ReactNode you place & will be selectable\n * - rows will scale depending on the cell content size\n * - using clickableRow with clickable cells, ensure you use e.stopPropagation in your cells onClick\n *\n * Improvements:\n * - It would be nice if we expandable logic inside this component, e.g the presence of certain props would automatically add this\n * -\n *\n * @template T - The type of data the table displays.\n * @property {T[]} data - Array of data to be displayed in the table.\n * @property {TableColumn<T>[]} columns - Array of columns to display in the table.\n * @property {boolean} [fixedHeader=false] - If true, the table header will be fixed/sticky.\n * @property {string} [headerHeight] - Sets the height of the header.\n * @property {function(T): boolean} [expandable] - A function to determine if a row is expandable.\n * @property {Color} [stripedColor] - If present, the table rows will have alternating colors.\n * @property {Color} [headerColor='mascarpone'] - The color for the table header.\n * @property {Color} [rowColor='custard'] - The default color for each table row.\n * @property {Color} [rowBorderColor='oatmeal'] - The default color for each table row border.\n * @property {ReactElement} [subTable] - A React element to show when a row is expanded.\n * @property {Object} [subRows] - Settings for sub rows.\n * @property {function(T): ReactElement} subRows.rows - Function that returns a React element for the sub row.\n * @property {boolean} [subRows.showOnExpand=false] - If true, the sub rows will only be shown when the row is expanded.\n * @property {RowAction<T>[]} [rowActions] - Array of actions that can be performed on each row.\n * @property {function<T>: void} [clickableRow] - Function to apply to a row, to make the entire row clickable, useful for navigation.\n * @property {string} [rowPadding] - The Y padding for each row.\n * @property {string} [columnPadding] - The X padding for each row.\n * @property {string} [noDataContent] - The text to show when there is no available data to map through.\n */\nexport const Table = <T extends object>({\n  columns,\n  data,\n  fixedHeader = true,\n  expandable,\n  subTable,\n  subRows,\n  headerHeight,\n  headerColor = 'mascarpone',\n  rowColor = 'custard',\n  stripedColor,\n  rowBorderColor = 'oatmeal',\n  rowActions,\n  clickableRow,\n  rowPadding,\n  columnPadding,\n  noDataContent,\n}: TableProps<T>) => {\n  const showActionsCell = expandable || rowActions\n  const expandSubProp = showActionsCell ? columns.length + 1 : columns.length\n  return (\n    <StyledTable>\n      <thead>\n        <TableHeader\n          columns={columns}\n          fixedHeader={fixedHeader}\n          headerHeight={headerHeight}\n          subTable={subTable}\n          headerColor={headerColor}\n          rowActions={rowActions}\n          columnPadding={columnPadding}\n          expandable={expandable}\n        />\n      </thead>\n      <tbody>\n        {data.length === 0 && (\n          <StyledCell\n            colSpan={expandSubProp}\n            rowPadding={rowPadding}\n            columnPadding={columnPadding}\n          >\n            {noDataContent ? (\n              noDataContent\n            ) : (\n              <Text align=\"center\">No available data</Text>\n            )}\n          </StyledCell>\n        )}\n        {data.length !== 0 &&\n          data.map((row, rowIndex) => (\n            <TableRow\n              key={rowIndex}\n              rowData={row}\n              rowIndex={rowIndex}\n              columns={columns}\n              rowActions={rowActions}\n              stripedColor={stripedColor}\n              subTable={subTable}\n              subRows={subRows}\n              rowColor={rowColor}\n              rowBorderColor={rowBorderColor}\n              rowPadding={rowPadding}\n              columnPadding={columnPadding}\n              expandable={expandable}\n              clickableRow={clickableRow}\n            />\n          ))}\n      </tbody>\n    </StyledTable>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAyCO,MAAM,QAAQ,CAAmB;AAAA,EACtC,OAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAc,GAAA,IAAA;AAAA,EACd,UAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAc,GAAA,YAAA;AAAA,EACd,QAAW,GAAA,SAAA;AAAA,EACX,YAAA;AAAA,EACA,cAAiB,GAAA,SAAA;AAAA,EACjB,UAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AACF,CAAqB,KAAA;AACnB,EAAA,MAAM,kBAAkB,UAAc,IAAA,UAAA,CAAA;AACtC,EAAA,MAAM,aAAgB,GAAA,eAAA,GAAkB,OAAQ,CAAA,MAAA,GAAS,IAAI,OAAQ,CAAA,MAAA,CAAA;AACrE,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,OAAA;AAAA,QACA,WAAA;AAAA,QACA,YAAA;AAAA,QACA,QAAA;AAAA,QACA,WAAA;AAAA,QACA,UAAA;AAAA,QACA,aAAA;AAAA,QACA,UAAA;AAAA,OAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,yBACC,OACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,IAAA,CAAK,WAAW,CACf,oBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAS,EAAA,aAAA;AAAA,UACT,UAAA;AAAA,UACA,aAAA;AAAA,UAEC,0BACC,aAEA,mBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,UAAS,QAAiB,EAAA,mBAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OAE1C;AAAA,MAED,KAAK,MAAW,KAAA,CAAA,IACf,KAAK,GAAI,CAAA,CAAC,KAAK,QACb,qBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,OAAS,EAAA,GAAA;AAAA,UACT,QAAA;AAAA,UACA,OAAA;AAAA,UACA,UAAA;AAAA,UACA,YAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA;AAAA,UACA,QAAA;AAAA,UACA,cAAA;AAAA,UACA,UAAA;AAAA,UACA,aAAA;AAAA,UACA,UAAA;AAAA,UACA,YAAA;AAAA,SAAA;AAAA,QAbK,QAAA;AAAA,OAeR,CAAA;AAAA,KACL,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}