@ntbjs/react-components 2.0.0-rc.9 → 2.0.2-rc.1

package/build/inputs/Switch/Switch.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.styled.js","sources":["../../../src/components/inputs/Switch/Switch.styled.js"],"sourcesContent":["import { math, rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst switchButtonSize = '16px';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const Switch = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  * {\n    box-sizing: border-box;\n  }\n\n  display: flex;\n  flex-direction: column;\n\n  ${props =>\n    props.readOnly &&\n    css`\n      opacity: 0.5;\n      > * {\n        pointer-events: none;\n        user-select: text;\n      }\n    `}\n\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n      cursor: not-allowed;\n      * {\n        pointer-events: none;\n        user-select: text;\n      }\n    `}\n`;\n\nexport const SwitchIndicator = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-block;\n  position: relative;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-900'),\n      props.theme.getColor('gray-200')\n    )}\n  height: ${math(`${switchButtonSize} + 2px`)};\n  width: 32px;\n  border-radius: 20px;\n  border: 1px solid;\n  ${props =>\n    props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('gray-500'),\n      props.theme.getColor('gray-300')\n    )}\n  transition: background 200ms;\n`;\n\nexport const SwitchIndicatorButton = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-200'),\n      props.theme.getColor('white')\n    )}\n  height: ${switchButtonSize};\n  width: ${switchButtonSize};\n  border-radius: 50%;\n  box-shadow: ${props => props.theme.getColor('gray-500')} 0 0px 2px 0px;\n  transition: left 200ms;\n`;\n\nexport const SwitchIndicatorLabelText = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  padding-left: 10px;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 18px;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-600')\n    )};\n`;\n\nexport const SwitchLabel = styled.label\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-flex;\n  margin-right: auto;\n  cursor: pointer;\n\n  input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n  }\n\n  &:has(input[type='checkbox']:not(:checked)) {\n    ${SwitchIndicatorButton} {\n      left: 0;\n    }\n  }\n\n  &:has(input[type='checkbox']:checked) {\n    ${SwitchIndicatorButton} {\n      left: calc(100% - ${switchButtonSize});\n    }\n\n    ${SwitchIndicator} {\n      background: ${props => props.theme.getColor('emerald-500')};\n\n      ${props =>\n        props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('gray-400'),\n          props.theme.getColor('gray-300'),\n          1\n        )}\n    }\n  }\n\n  &:has(input[type='checkbox']:focus-visible) {\n    ${SwitchIndicatorButton} {\n      ${props =>\n        props.theme.themeProp(\n          'outline',\n          `8px solid ${rgba(props.theme.getColor('emerald-500'), 0.5)}`,\n          `8px solid ${rgba(props.theme.getColor('emerald-500'), 0.3)}`,\n          1\n        )}\n    }\n  }\n`;\n\nexport const Description = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin: ${props => (props.$spaciousdescription ? '16px' : '6px')} 0 0 0;\n  font-size: 0.75rem;\n  line-height: 1.333;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-400'),\n      props.theme.getColor('gray-500')\n    )};\n`;\n"],"names":["switchButtonSize","shouldForwardProp","prop","startsWith","Switch","styled","div","withConfig","attrs","applyDefaultTheme","props","readOnly","css","disabled","SwitchIndicator","theme","themeProp","getColor","math","SwitchIndicatorButton","SwitchIndicatorLabelText","SwitchLabel","label","rgba","Description","$spaciousdescription"],"mappings":"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"}

package/build/inputs/Switch/index.js

@@ -0,0 +1,2 @@
+export { default } from './Switch.js';
+//# sourceMappingURL=index.js.map

package/build/inputs/Switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/inputs/TextArea/TextArea.js

@@ -0,0 +1,175 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useRef, useState, useMemo, useEffect, useCallback } from 'react';
+import { isEmpty } from 'lodash';
+import useMergedRefs from '@restart/hooks/useMergedRefs';
+import { nanoid } from 'nanoid';
+import PropTypes from 'prop-types';
+import '../../data/Alert/Alert.js';
+import '../../data/Badge/Badge.js';
+import '../../data/Popover/Popover.js';
+import '../../data/Tab/Tab.js';
+import '../../data/Tabs/Tabs.js';
+import Tooltip from '../../data/Tooltip/Tooltip.js';
+import '../../data/VerificationStatusIcon/VerificationStatusIcon.js';
+import { ReactComponent as SvgEditNote } from '../../icons/edit-note.svg.js';
+import { TextAreaContainter, Label, SuccessContainerLabel, TextInput, TextInputFieldIconAlert, TextInputField, SuccessContainer, InputIconContainer, TextInputLabel, Description } from './TextArea.styled.js';
+
+const TextArea = React__default.forwardRef(function TextArea({
+  value,
+  defaultValue,
+  name,
+  label,
+  placeholder,
+  required,
+  disabled,
+  hidden,
+  readOnly,
+  edit,
+  autoComplete,
+  description,
+  type,
+  icon,
+  rows,
+  className,
+  style,
+  onChange,
+  onBlur,
+  noBorder,
+  loadingIcon,
+  successIcon,
+  padding,
+  descriptionToolTip,
+  borderRadius,
+  fieldLabel,
+  ...rest
+}, forwardedRef) {
+  const textInputDomNode = useRef(null);
+  const textInputRef = useMergedRefs(forwardedRef, textInputDomNode);
+  const [inputIsEmpty, setInputIsEmpty] = useState(!(value || defaultValue));
+  const [autoFocus, setAutoFocus] = useState(false);
+  const [uniqueId] = useState(nanoid());
+  const memoizedDescriptionToolTip = useMemo(() => {
+    return descriptionToolTip;
+  }, [descriptionToolTip]);
+  useEffect(() => {
+    setAutoFocus(false);
+  }, [value, defaultValue]);
+  const onKeyDown = useCallback(event => {
+    if (event.key === 'Enter') {
+      event.stopPropagation();
+    }
+  }, []);
+  const input = () => {
+    return React__default.createElement(TextAreaContainter, null, fieldLabel && React__default.createElement(Label, {
+      htmlFor: uniqueId,
+      disabled: disabled
+    }, fieldLabel, React__default.createElement(SuccessContainerLabel, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default.createElement(TextInput, {
+      $fieldLabel: !isEmpty(fieldLabel),
+      disabled: disabled,
+      readOnly: readOnly,
+      type: type,
+      className: className,
+      style: style
+    }, React__default.createElement(TextInputFieldIconAlert, {
+      type: type
+    }, icon), React__default.createElement(TextInputField, _extends({
+      autoFocus: autoFocus,
+      $borderRadius: borderRadius,
+      ref: textInputRef,
+      rows: rows,
+      value: value,
+      defaultValue: defaultValue,
+      name: name,
+      placeholder: placeholder || ' ',
+      required: required,
+      readOnly: readOnly,
+      disabled: disabled,
+      $edit: edit,
+      type: type,
+      autoComplete: autoComplete,
+      $hasIcon: Boolean(icon),
+      id: `text-input-${uniqueId}`,
+      key: uniqueId,
+      $padding: padding,
+      onChange: e => {
+        if (e.target.value) {
+          setInputIsEmpty(false);
+          if (!autoFocus) {
+            setAutoFocus(true);
+          }
+        } else {
+          setInputIsEmpty(true);
+          if (!autoFocus) {
+            setAutoFocus(true);
+          }
+        }
+        onChange(e);
+      },
+      onKeyDown: onKeyDown,
+      onBlur: onBlur,
+      $noBorder: noBorder
+    }, rest)), !fieldLabel && (type === 'loading' || type === 'success') && React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon), !readOnly && noBorder && React__default.createElement(InputIconContainer, {
+      disabled: disabled
+    }, React__default.createElement(SvgEditNote, {
+      className: padding === 'small' ? 'smallPadingIcon' : undefined
+    })), label && React__default.createElement(TextInputLabel, {
+      htmlFor: `text-input-${uniqueId}`,
+      $hasPlaceholder: Boolean(placeholder),
+      $hasIcon: Boolean(icon),
+      $inputIsEmpty: inputIsEmpty
+    }, label, required && ' *'), typeof description === 'string' && description.length > 0 && React__default.createElement(Description, {
+      type: type
+    }, description)));
+  };
+  if (hidden) return null;
+  return React__default.createElement(React__default.Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default.createElement("div", null, React__default.createElement(Tooltip, {
+    content: memoizedDescriptionToolTip,
+    key: "tooltipTextArea1",
+    placement: "bottom-end",
+    trigger: 'mouseenter',
+    zIndex: 999999
+  }, input())));
+});
+TextArea.defaultProps = {
+  rows: 4,
+  noBorder: false,
+  readOnly: false,
+  edit: false,
+  hidden: false,
+  type: '',
+  padding: 'medium',
+  descriptionToolTip: '',
+  onChange: () => {},
+  borderRadius: 0
+};
+TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
+  value: PropTypes.string,
+  defaultValue: PropTypes.string,
+  name: PropTypes.string,
+  label: PropTypes.string,
+  fieldLabel: PropTypes.string,
+  placeholder: PropTypes.string,
+  required: PropTypes.bool,
+  disabled: PropTypes.bool,
+  hidden: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  edit: PropTypes.bool,
+  autoComplete: PropTypes.string,
+  description: PropTypes.string,
+  icon: PropTypes.element,
+  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  className: PropTypes.string,
+  style: PropTypes.object,
+  padding: PropTypes.oneOf(['small', 'medium', 'large']),
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  noBorder: PropTypes.bool,
+  type: PropTypes.oneOf(['', 'error', 'error-border', 'warning-border', 'warning', 'loading', 'success']),
+  loadingIcon: PropTypes.element,
+  successIcon: PropTypes.element,
+  descriptionToolTip: PropTypes.string,
+  borderRadius: PropTypes.number
+} : {};
+
+export { TextArea as default };
+//# sourceMappingURL=TextArea.js.map

package/build/inputs/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/inputs/TextArea/TextArea.js"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, useMemo } from 'react';\n\nimport { isEmpty } from 'lodash';\nimport useMergedRefs from '@restart/hooks/useMergedRefs';\nimport { nanoid } from 'nanoid';\nimport PropTypes from 'prop-types';\nimport { Tooltip } from '../../data';\n\nimport { ReactComponent as EditNoteIcon } from '../../../icons/edit-note.svg';\nimport * as S from './TextArea.styled';\n\n/**\n * Text areas let users enter and edit text in the UI. They typically appear in forms and dialogs.\n *\n * ### Import\n *\n * ``` js\n * import { TextArea } from '@ntbjs/react-components/inputs'\n * // or\n * import TextArea from '@ntbjs/react-components/inputs/TextArea'\n * ```\n */\nconst TextArea = React.forwardRef(function TextArea(\n  {\n    value,\n    defaultValue,\n    name,\n    label,\n    placeholder,\n    required,\n    disabled,\n    hidden,\n    readOnly,\n    edit,\n    autoComplete,\n    description,\n    type,\n    icon,\n    rows,\n    className,\n    style,\n    onChange,\n    onBlur,\n    noBorder,\n    loadingIcon,\n    successIcon,\n    padding,\n    descriptionToolTip,\n    borderRadius,\n    fieldLabel,\n    ...rest\n  },\n  forwardedRef\n) {\n  const textInputDomNode = useRef(null);\n  const textInputRef = useMergedRefs(forwardedRef, textInputDomNode);\n\n  const [inputIsEmpty, setInputIsEmpty] = useState(!(value || defaultValue));\n  const [autoFocus, setAutoFocus] = useState(false);\n\n  const [uniqueId] = useState(nanoid());\n\n  const memoizedDescriptionToolTip = useMemo(() => {\n    return descriptionToolTip;\n  }, [descriptionToolTip]);\n\n  useEffect(() => {\n    setAutoFocus(false);\n  }, [value, defaultValue]);\n\n  const onKeyDown = useCallback(event => {\n    if (event.key === 'Enter') {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const input = () => {\n    return (\n      <S.TextAreaContainter>\n        {fieldLabel && (\n          <S.Label htmlFor={uniqueId} disabled={disabled}>\n            {fieldLabel}\n            <S.SuccessContainerLabel>\n              {type === 'loading' && loadingIcon}\n              {type === 'success' && successIcon}\n            </S.SuccessContainerLabel>\n          </S.Label>\n        )}\n        <S.TextInput\n          $fieldLabel={!isEmpty(fieldLabel)}\n          disabled={disabled}\n          readOnly={readOnly}\n          type={type}\n          className={className}\n          style={style}\n        >\n          <S.TextInputFieldIconAlert type={type}>{icon}</S.TextInputFieldIconAlert>\n          <S.TextInputField\n            autoFocus={autoFocus}\n            $borderRadius={borderRadius}\n            ref={textInputRef}\n            rows={rows}\n            value={value}\n            defaultValue={defaultValue}\n            name={name}\n            placeholder={placeholder || ' '}\n            required={required}\n            readOnly={readOnly}\n            disabled={disabled}\n            $edit={edit}\n            type={type}\n            autoComplete={autoComplete}\n            $hasIcon={Boolean(icon)}\n            id={`text-input-${uniqueId}`}\n            key={uniqueId}\n            $padding={padding}\n            onChange={e => {\n              if (e.target.value) {\n                setInputIsEmpty(false);\n                if (!autoFocus) {\n                  setAutoFocus(true);\n                }\n              } else {\n                setInputIsEmpty(true);\n                if (!autoFocus) {\n                  setAutoFocus(true);\n                }\n              }\n              onChange(e);\n            }}\n            onKeyDown={onKeyDown}\n            onBlur={onBlur}\n            $noBorder={noBorder}\n            {...rest}\n          />\n          {!fieldLabel && (type === 'loading' || type === 'success') && (\n            <S.SuccessContainer>\n              {type === 'loading' && loadingIcon}\n              {type === 'success' && successIcon}\n            </S.SuccessContainer>\n          )}\n          {!readOnly && noBorder && (\n            <S.InputIconContainer disabled={disabled}>\n              <EditNoteIcon className={padding === 'small' ? 'smallPadingIcon' : undefined} />\n            </S.InputIconContainer>\n          )}\n          {label && (\n            <S.TextInputLabel\n              htmlFor={`text-input-${uniqueId}`}\n              $hasPlaceholder={Boolean(placeholder)}\n              $hasIcon={Boolean(icon)}\n              $inputIsEmpty={inputIsEmpty}\n            >\n              {label}\n              {required && ' *'}\n            </S.TextInputLabel>\n          )}\n          {typeof description === 'string' && description.length > 0 && (\n            <S.Description type={type}>{description}</S.Description>\n          )}\n        </S.TextInput>\n      </S.TextAreaContainter>\n    );\n  };\n\n  if (hidden) return null;\n\n  return (\n    <>\n      {!memoizedDescriptionToolTip && input()}\n      {memoizedDescriptionToolTip && (\n        <div>\n          <Tooltip\n            content={memoizedDescriptionToolTip}\n            key=\"tooltipTextArea1\"\n            placement=\"bottom-end\"\n            trigger={'mouseenter'}\n            zIndex={999999}\n          >\n            {input()}\n          </Tooltip>\n        </div>\n      )}\n    </>\n  );\n});\n\nTextArea.defaultProps = {\n  rows: 4,\n  noBorder: false,\n  readOnly: false,\n  edit: false,\n  hidden: false,\n  type: '',\n  padding: 'medium',\n  descriptionToolTip: '',\n  onChange: () => {},\n  borderRadius: 0\n};\n\nTextArea.propTypes = {\n  /**\n   * Value to be sent. Typically the content of the text area.\n   */\n  value: PropTypes.string,\n\n  /**\n   * Default value/text to be displayed in the text area by default.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * Name of the text area (used when sending form data)\n   */\n  name: PropTypes.string,\n\n  /**\n   * Label text for the text area. If the text area is empty (no input and no placeholder)\n   * and isn't in focus, the label text will be displayed grayed out in the text area itself.\n   * Otherwise, the label text will be displayed in the top left corner.\n   */\n  label: PropTypes.string,\n\n  /**\n   * Field Label text for the text area field. I\n   */\n  fieldLabel: PropTypes.string,\n\n  /**\n   * Placeholder text to be displayed if the text area is empty (no input)\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Whether the user is required to fill in the text area\n   */\n  required: PropTypes.bool,\n\n  /**\n   * Whether the text area is disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the component is hidden or visible.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Whether the text area is read-only\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Displays a grey background to show that value is editable\n   */\n  edit: PropTypes.bool,\n  /**\n   * ?\n   */\n  autoComplete: PropTypes.string,\n  /**\n   * Descriptive text displayed below the text area\n   */\n  description: PropTypes.string,\n\n  /**\n   * Optional icon to be displayed left of the text inside the text area\n   */\n  icon: PropTypes.element,\n  /**\n   * How many rows/lines of text to be displayed by default\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Add custom class names to the HTML element\n   */\n  className: PropTypes.string,\n  /**\n   * Add custom CSS styling\n   */\n  style: PropTypes.object,\n  /**\n   * Add padding (small-medium-large)\n   */\n  padding: PropTypes.oneOf(['small', 'medium', 'large']),\n  /**\n   * Optional callback function for the `onChange` event\n   */\n  onChange: PropTypes.func,\n  /**\n   * Optional callback function for the `onBlur` event\n   */\n  onBlur: PropTypes.func,\n  noBorder: PropTypes.bool,\n  // warningAlert: PropTypes.bool,\n  // errorAlert: PropTypes.bool,\n  /**\n   * Define the type based on error,error-border , warning, loading and success.\n   */\n  type: PropTypes.oneOf([\n    '',\n    'error',\n    'error-border',\n    'warning-border',\n    'warning',\n    'loading',\n    'success'\n  ]),\n  /**\n   * Icon element – E.g: `icon={<Spinner />}`\n   */\n  loadingIcon: PropTypes.element,\n  /**\n   * Icon element – E.g: `icon={<Check />}`\n   */\n  successIcon: PropTypes.element,\n  /**\n   * Description ToolTip text.\n   */\n  descriptionToolTip: PropTypes.string,\n  /**\n   * Border Radius for rounded borders.\n   */\n  borderRadius: PropTypes.number\n};\n\nexport default TextArea;\n"],"names":["TextArea","React","forwardRef","value","defaultValue","name","label","placeholder","required","disabled","hidden","readOnly","edit","autoComplete","description","type","icon","rows","className","style","onChange","onBlur","noBorder","loadingIcon","successIcon","padding","descriptionToolTip","borderRadius","fieldLabel","rest","forwardedRef","textInputDomNode","useRef","textInputRef","useMergedRefs","inputIsEmpty","setInputIsEmpty","useState","autoFocus","setAutoFocus","uniqueId","nanoid","memoizedDescriptionToolTip","useMemo","useEffect","onKeyDown","useCallback","event","key","stopPropagation","input","createElement","S","htmlFor","$fieldLabel","isEmpty","_extends","$borderRadius","ref","$edit","$hasIcon","Boolean","id","$padding","e","target","$noBorder","EditNoteIcon","undefined","$hasPlaceholder","$inputIsEmpty","length","Fragment","Tooltip","content","placement","trigger","zIndex","defaultProps","propTypes","process","env","NODE_ENV","PropTypes","string","bool","element","oneOfType","number","object","oneOf","func"],"mappings":"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"}