@mrshmllw/smores-react 6.0.1 → 6.0.2

package/dist/Dropdown/Dropdown.js

@@ -1,146 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useMemo } from 'react';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { Icon } from '../Icon/Icon.js';
-import { Field } from '../fields/Field/Field.js';
-import { StyledFrontIcon } from '../fields/components/CommonInput.js';
-import { theme } from '../theme.js';
-import { useUniqueId } from '../utils/id.js';
-import { useControllableState } from '../utils/useControlledState.js';
-
-const Dropdown = forwardRef(function Dropdown2({
-  id: idProp,
-  placeholder,
-  showDefaultOption = false,
-  customDefaultOption,
-  name,
-  value: valueProp,
-  defaultValue,
-  disabled = false,
-  list,
-  onSelect,
-  error = false,
-  onInputChange,
-  onBlur,
-  frontIcon,
-  fallbackStyle,
-  ...fieldProps
-}, ref) {
-  const [value, setValue] = useControllableState({
-    initialState: defaultValue,
-    stateProp: valueProp
-  });
-  const id = useUniqueId(idProp);
-  const hasOptGroups = list.findIndex((item) => !!item.optionGroupLabel) !== -1;
-  const dropdownItemsGroups = useMemo(() => {
-    const itemsPerGroupLabel = /* @__PURE__ */ new Map();
-    list.forEach((item) => {
-      const key = item.optionGroupLabel ?? "";
-      const group = itemsPerGroupLabel.get(key) ?? [];
-      group.push(item);
-      itemsPerGroupLabel.set(key, group);
-    });
-    return Array.from(itemsPerGroupLabel.values());
-  }, [list]);
-  const defaultOptionLabel = () => {
-    if (!showDefaultOption) {
-      return placeholder;
-    }
-    return customDefaultOption ?? "Select an option";
-  };
-  return /* @__PURE__ */ jsx(Field, { ...fieldProps, htmlFor: id, error, children: /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", children: [
-    frontIcon && /* @__PURE__ */ jsx(
-      StyledFrontIcon,
-      {
-        disabled,
-        render: frontIcon,
-        color: "sesame"
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      StyledSelect,
-      {
-        id,
-        disabled: disabled || list.length < 1,
-        onChange: (event) => {
-          const value2 = event.currentTarget.value;
-          onSelect?.(value2);
-          onInputChange?.(event);
-          setValue(value2);
-        },
-        error,
-        ref,
-        onBlur,
-        name,
-        frontIcon,
-        fallbackStyle,
-        value: value ? value : "",
-        children: [
-          hasOptGroups ? /* @__PURE__ */ jsx("optgroup", { label: defaultOptionLabel(), children: /* @__PURE__ */ jsx("option", { value: "", hidden: !showDefaultOption, disabled: true, children: defaultOptionLabel() }) }) : /* @__PURE__ */ jsx("option", { value: "", hidden: !showDefaultOption, disabled: true, children: defaultOptionLabel() }),
-          dropdownItemsGroups.map(
-            (groupItems, i) => hasOptGroups ? /* @__PURE__ */ jsx(
-              "optgroup",
-              {
-                label: groupItems[0].optionGroupLabel ?? "Other",
-                children: groupItems.map((el, j) => /* @__PURE__ */ jsx("option", { value: el.value, children: el.label }, `${i}-${j}`))
-              },
-              i
-            ) : groupItems.map((el, j) => /* @__PURE__ */ jsx("option", { value: el.value, children: el.label }, j))
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Caret, { children: /* @__PURE__ */ jsx(Icon, { render: "caret", color: "marzipan", size: 24 }) })
-  ] }) });
-});
-const resetSelect = css`
-  border: none;
-  border-radius: 0;
-  font-size: 16px;
-  appearance: none; /* remove default arrow */
-  outline: none;
-`;
-const StyledSelect = styled.select`
-  ${resetSelect}
-  width: 100%;
-  height: 32px;
-
-  cursor: pointer;
-  background-color: ${({ fallbackStyle }) => fallbackStyle ? theme.colors.custard : theme.colors.cream};
-
-  border-radius: 12px;
-  padding: 18px 14px;
-  border: 2px solid
-    ${({ error }) => error ? theme.colors.strawberry : theme.colors.oatmeal};
-  height: auto;
-
-  ${({ frontIcon }) => frontIcon && frontIcon != "" && `
-      padding-left: 42px;
-    `}
-
-  &:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-
-  ${({ error }) => !error && css`
-      :not(:disabled) {
-        &:hover,
-        &:focus,
-        &:focus-visible,
-        &:checked {
-          border-color: ${theme.colors.marzipan}
-      }
-    `}
-`;
-const Caret = styled.div`
-  position: absolute;
-  z-index: 1;
-  right: 15px;
-  pointer-events: none;
-  color: ${theme.colors.marzipan};
-`;
-
-export { Dropdown };
-//# sourceMappingURL=Dropdown.js.map

package/dist/Dropdown/Dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.js","sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  FormEvent,\n  ForwardedRef,\n  forwardRef,\n  useMemo,\n} from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Icons } from '../Icon/iconsList'\n\nimport { Field } from '../fields/Field'\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\nimport { StyledFrontIcon } from '../fields/components/CommonInput'\nimport { theme } from '../theme'\nimport { useUniqueId } from '../utils/id'\nimport { useControllableState } from '../utils/useControlledState'\n\nexport type DropdownItem = {\n  optionGroupLabel?: string\n  label: string\n  value: string\n}\n\nexport interface Props extends CommonFieldProps {\n  placeholder?: string\n  showDefaultOption?: boolean\n  customDefaultOption?: string\n  name?: string\n  value?: string | null\n  defaultValue?: string\n  disabled?: boolean\n  list: DropdownItem[]\n  frontIcon?: Icons\n  fallbackStyle?: boolean\n  onSelect: (element: string) => void\n  onBlur?: (e: FocusEvent<HTMLSelectElement>) => void\n}\n\ntype TruncateProps =\n  | {\n      onSelect: (e: string) => void\n      onInputChange?: (e: FormEvent<HTMLSelectElement>) => void\n    }\n  | {\n      onSelect?: (e: string) => void\n      onInputChange: (e: FormEvent<HTMLSelectElement>) => void\n    }\n\nexport type DropdownProps = Props & TruncateProps\n\nexport const Dropdown = forwardRef(function Dropdown(\n  {\n    id: idProp,\n    placeholder,\n    showDefaultOption = false,\n    customDefaultOption,\n    name,\n    value: valueProp,\n    defaultValue,\n    disabled = false,\n    list,\n    onSelect,\n    error = false,\n    onInputChange,\n    onBlur,\n    frontIcon,\n    fallbackStyle,\n    ...fieldProps\n  }: DropdownProps,\n  ref: ForwardedRef<HTMLSelectElement>,\n) {\n  const [value, setValue] = useControllableState({\n    initialState: defaultValue,\n    stateProp: valueProp,\n  })\n  const id = useUniqueId(idProp)\n  const hasOptGroups = list.findIndex((item) => !!item.optionGroupLabel) !== -1\n\n  const dropdownItemsGroups = useMemo(() => {\n    const itemsPerGroupLabel = new Map<string, DropdownItem[]>()\n\n    list.forEach((item) => {\n      const key = item.optionGroupLabel ?? ''\n      const group = itemsPerGroupLabel.get(key) ?? []\n\n      group.push(item)\n      itemsPerGroupLabel.set(key, group)\n    })\n\n    return Array.from(itemsPerGroupLabel.values())\n  }, [list])\n\n  const defaultOptionLabel = () => {\n    if (!showDefaultOption) {\n      return placeholder\n    }\n    return customDefaultOption ?? 'Select an option'\n  }\n\n  return (\n    <Field {...fieldProps} htmlFor={id} error={error}>\n      <Box flex alignItems=\"center\">\n        {frontIcon && (\n          <StyledFrontIcon\n            disabled={disabled}\n            render={frontIcon}\n            color=\"sesame\"\n          />\n        )}\n        <StyledSelect\n          id={id}\n          disabled={disabled || list.length < 1}\n          onChange={(event) => {\n            const value = event.currentTarget.value\n\n            onSelect?.(value)\n            onInputChange?.(event)\n            setValue(value)\n          }}\n          error={error}\n          ref={ref}\n          onBlur={onBlur}\n          name={name}\n          frontIcon={frontIcon}\n          fallbackStyle={fallbackStyle}\n          value={value ? value : ''}\n        >\n          {hasOptGroups ? (\n            <optgroup label={defaultOptionLabel()}>\n              <option value=\"\" hidden={!showDefaultOption} disabled>\n                {defaultOptionLabel()}\n              </option>\n            </optgroup>\n          ) : (\n            <option value=\"\" hidden={!showDefaultOption} disabled>\n              {defaultOptionLabel()}\n            </option>\n          )}\n\n          {dropdownItemsGroups.map((groupItems, i) =>\n            hasOptGroups ? (\n              <optgroup\n                key={i}\n                label={groupItems[0].optionGroupLabel ?? 'Other'}\n              >\n                {groupItems.map((el, j) => (\n                  <option key={`${i}-${j}`} value={el.value}>\n                    {el.label}\n                  </option>\n                ))}\n              </optgroup>\n            ) : (\n              groupItems.map((el, j) => (\n                <option key={j} value={el.value}>\n                  {el.label}\n                </option>\n              ))\n            ),\n          )}\n        </StyledSelect>\n        <Caret>\n          <Icon render=\"caret\" color=\"marzipan\" size={24} />\n        </Caret>\n      </Box>\n    </Field>\n  )\n})\n\nconst resetSelect = css`\n  border: none;\n  border-radius: 0;\n  font-size: 16px;\n  appearance: none; /* remove default arrow */\n  outline: none;\n`\n\ninterface SSelect {\n  error: boolean\n  frontIcon?: string\n  fallbackStyle?: boolean\n}\n\nconst StyledSelect = styled.select<SSelect>`\n  ${resetSelect}\n  width: 100%;\n  height: 32px;\n\n  cursor: pointer;\n  background-color: ${({ fallbackStyle }) =>\n    fallbackStyle ? theme.colors.custard : theme.colors.cream};\n\n  border-radius: 12px;\n  padding: 18px 14px;\n  border: 2px solid\n    ${({ error }) => (error ? theme.colors.strawberry : theme.colors.oatmeal)};\n  height: auto;\n\n  ${({ frontIcon }) =>\n    frontIcon &&\n    frontIcon != '' &&\n    `\n      padding-left: 42px;\n    `}\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  ${({ error }) =>\n    !error &&\n    css`\n      :not(:disabled) {\n        &:hover,\n        &:focus,\n        &:focus-visible,\n        &:checked {\n          border-color: ${theme.colors.marzipan}\n      }\n    `}\n`\n\nconst Caret = styled.div`\n  position: absolute;\n  z-index: 1;\n  right: 15px;\n  pointer-events: none;\n  color: ${theme.colors.marzipan};\n`\n"],"names":["Dropdown","value"],"mappings":"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"}

package/dist/Emoji/Emoji.js

@@ -1,30 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-
-const Emoji = ({
-  className = "",
-  symbol,
-  size = 12,
-  label,
-  ...marginProps
-}) => /* @__PURE__ */ jsx(
-  Container,
-  {
-    as: "span",
-    className,
-    size,
-    role: "img",
-    "aria-label": label,
-    ...marginProps,
-    children: symbol
-  }
-);
-const Container = styled(Box)(
-  ({ size }) => css`
-    font-size: ${size}px;
-  `
-);
-
-export { Emoji };
-//# sourceMappingURL=Emoji.js.map

package/dist/Emoji/Emoji.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Emoji.js","sources":["../../src/Emoji/Emoji.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\nimport { MarginProps } from '../utils/space'\nimport { Box } from '../Box'\n\nexport type EmojiProps = {\n  /** className attribute to apply classes from props */\n  className?: string\n  /** Emoji symbol */\n  symbol: string\n  /** set size of the Emoji  */\n  size?: number\n  /** aria-label to identify Emoji */\n  label: string\n} & MarginProps\n\nexport const Emoji: FC<EmojiProps> = ({\n  className = '',\n  symbol,\n  size = 12,\n  label,\n  ...marginProps\n}) => (\n  <Container\n    as=\"span\"\n    className={className}\n    size={size}\n    role=\"img\"\n    aria-label={label}\n    {...marginProps}\n  >\n    {symbol}\n  </Container>\n)\n\ninterface IEmoji {\n  size: number\n}\n\nconst Container = styled(Box)<IEmoji>(\n  ({ size }) => css`\n    font-size: ${size}px;\n  `,\n)\n"],"names":[],"mappings":";;;;AAgBO,MAAM,QAAwB,CAAC;AAAA,EACpC,SAAY,GAAA,EAAA;AAAA,EACZ,MAAA;AAAA,EACA,IAAO,GAAA,EAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAG,WAAA;AACL,CACE,qBAAA,GAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,EAAG,EAAA,MAAA;AAAA,IACH,SAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAK,EAAA,KAAA;AAAA,IACL,YAAY,EAAA,KAAA;AAAA,IACX,GAAG,WAAA;AAAA,IAEH,QAAA,EAAA,MAAA;AAAA,GAAA;AACH,EAAA;AAOF,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA;AAAA,EAC1B,CAAC,EAAE,IAAA,EAAW,KAAA,GAAA,CAAA;AAAA,eAAA,EACC,IAAI,CAAA;AAAA,EAAA,CAAA;AAErB,CAAA;;;;"}

package/dist/Icon/Icon.js

@@ -1,47 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { theme } from '../theme.js';
-import { iconList } from './iconsList.js';
-
-const Icon = ({
-  className = "",
-  render,
-  size = 24,
-  color = "liquorice",
-  rotate = 0,
-  ...marginProps
-}) => {
-  if (!render || !iconList[render] || render.length === 0)
-    return null;
-  const IconComponent = iconList[render];
-  return /* @__PURE__ */ jsx(
-    Container,
-    {
-      as: "span",
-      className,
-      size,
-      rotate,
-      color,
-      ...marginProps,
-      children: /* @__PURE__ */ jsx(IconComponent, {})
-    }
-  );
-};
-const Container = styled(Box)(
-  ({ size, rotate, color }) => css`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    width: ${size}px;
-    height: ${size}px;
-    transform: rotate(${rotate}deg);
-    svg {
-      color: ${theme.colors[color]} !important;
-    }
-  `
-);
-
-export { Icon };
-//# sourceMappingURL=Icon.js.map

package/dist/Icon/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sources":["../../src/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\nimport { MarginProps } from '../utils/space'\n\nimport { Box } from '../Box'\nimport { Color, theme } from '../theme'\nimport { Icons, iconList } from './iconsList'\n\nexport type IconProps = {\n  /** className attribute to apply classes from props */\n  className?: string\n  /** specify what Icon to render  */\n  render: Icons\n  /** set size of the Icon  */\n  size?: number\n  /** set color of the Icon */\n  color?: Color\n  /** rotation degrees */\n  rotate?: number\n} & MarginProps\n\nexport const Icon: FC<IconProps> = ({\n  className = '',\n  render,\n  size = 24,\n  color = 'liquorice',\n  rotate = 0,\n  ...marginProps\n}) => {\n  if (!render || !iconList[render] || render.length === 0) return null\n\n  const IconComponent = iconList[render]\n\n  return (\n    <Container\n      as=\"span\"\n      className={className}\n      size={size}\n      rotate={rotate}\n      color={color}\n      {...marginProps}\n    >\n      <IconComponent />\n    </Container>\n  )\n}\n\ninterface IIcon {\n  size: number\n  color: Color\n  rotate: number\n}\n\nconst Container = styled(Box)<IIcon>(\n  ({ size, rotate, color }) => css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: ${size}px;\n    height: ${size}px;\n    transform: rotate(${rotate}deg);\n    svg {\n      color: ${theme.colors[color]} !important;\n    }\n  `,\n)\n"],"names":[],"mappings":";;;;;;AAqBO,MAAM,OAAsB,CAAC;AAAA,EAClC,SAAY,GAAA,EAAA;AAAA,EACZ,MAAA;AAAA,EACA,IAAO,GAAA,EAAA;AAAA,EACP,KAAQ,GAAA,WAAA;AAAA,EACR,MAAS,GAAA,CAAA;AAAA,EACT,GAAG,WAAA;AACL,CAAM,KAAA;AACJ,EAAA,IAAI,CAAC,MAAU,IAAA,CAAC,SAAS,MAAM,CAAA,IAAK,OAAO,MAAW,KAAA,CAAA;AAAG,IAAO,OAAA,IAAA,CAAA;AAEhE,EAAM,MAAA,aAAA,GAAgB,SAAS,MAAM,CAAA,CAAA;AAErC,EACE,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,MAAA;AAAA,MACH,SAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,WAAA;AAAA,MAEJ,8BAAC,aAAc,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GACjB,CAAA;AAEJ,EAAA;AAQA,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA;AAAA,EAC1B,CAAC,EAAE,IAAM,EAAA,MAAA,EAAQ,OAAY,KAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAKlB,IAAI,CAAA;AAAA,YAAA,EACH,IAAI,CAAA;AAAA,sBAAA,EACM,MAAM,CAAA;AAAA;AAAA,aAEf,EAAA,KAAA,CAAM,MAAO,CAAA,KAAK,CAAC,CAAA;AAAA;AAAA,EAAA,CAAA;AAGlC,CAAA;;;;"}