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

package/{esm/components → build}/widgets/Instructions/Instructions.js

@@ -1,80 +1,77 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { isFunction } from 'lodash';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import React from '../../../node_modules/react/index.js';
-import { ReactComponent as SvgWarningCircle } from '../../../icons/warning-circle.svg.js';
-import AutocompleteSelect from '../../inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js';
+import PropTypes from 'prop-types';
+import React__default, { useState, useEffect, useCallback } from 'react';
+import { ReactComponent as SvgWarningCircle } from '../../icons/warning-circle.svg.js';
+import CompactAutocompleteSelect from '../../inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js';
 import TextArea from '../../inputs/TextArea/TextArea.js';
-import { Instructions as Instructions$2, TopBarContainer, SelectContainer, InstructionsArea } from './Instructions.styled.js';
-import { r as react } from '../../../_virtual/index.js';
+import { Instructions as Instructions$1, TopBarContainer, SelectContainer, InstructionsArea } from './Instructions.styled.js';
 
-const _excluded = ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "disabled", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder", "type", "selectType", "edit", "rows", "showMore", "showMoreText", "showLessText", "isExpanded", "loadingIcon", "successIcon", "padding"];
-const Instructions = React.forwardRef(function Instructions(_ref, forwardedRef) {
-  let {
-      clickToAdd,
-      customAddMessage,
-      selectedOption,
-      loadOptions,
-      readOnly,
-      disabled,
-      hidden,
-      name,
-      lightBackground,
-      autoSelect,
-      subscribeCurrentValue: subscribeCurrentValueProp,
-      onChange: onChangeProp,
-      onFocus: onFocusProp,
-      onBlur: onBlurProp,
-      onUpdateCallback,
-      availableOptions,
-      loadingMessageFunc,
-      placeholder,
-      type,
-      selectType,
-      edit,
-      rows,
-      showMore,
-      showMoreText,
-      showLessText,
-      isExpanded,
-      loadingIcon,
-      successIcon,
-      padding
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const [isHovered, setIsHovered] = react.exports.useState(false);
-  const [selected, setSelected] = react.exports.useState({});
-  const [addInstructions, setAddInstructions] = react.exports.useState(clickToAdd);
-  const [customMessage, setCustomMessage] = react.exports.useState(customAddMessage);
-  const [background, setBackground] = react.exports.useState(lightBackground);
-  const [initialHover, setInitialHover] = react.exports.useState(true);
-  const [currentValue, setCurrentValue] = react.exports.useState();
-  react.exports.useEffect(() => {
+const Instructions = React__default.forwardRef(function Instructions({
+  clickToAdd,
+  customAddMessage,
+  selectedOption,
+  loadOptions,
+  readOnly,
+  disabled,
+  hidden,
+  name,
+  lightBackground,
+  autoSelect,
+  subscribeCurrentValue: subscribeCurrentValueProp,
+  onChange: onChangeProp,
+  onFocus: onFocusProp,
+  onBlur: onBlurProp,
+  onUpdateCallback,
+  availableOptions,
+  loadingMessageFunc,
+  placeholder,
+  type,
+  selectType,
+  edit,
+  rows,
+  showMore,
+  showMoreText,
+  showLessText,
+  isExpanded,
+  loadingIcon,
+  successIcon,
+  padding,
+  ...props
+}, forwardedRef) {
+  const [isHovered, setIsHovered] = useState(false);
+  const [selected, setSelected] = useState({});
+  const [addInstructions, setAddInstructions] = useState(clickToAdd);
+  const [customMessage, setCustomMessage] = useState(customAddMessage);
+  const [background, setBackground] = useState(lightBackground);
+  const [initialHover, setInitialHover] = useState(true);
+  const [currentValue, setCurrentValue] = useState();
+  useEffect(() => {
     if (isFunction(subscribeCurrentValueProp)) {
       subscribeCurrentValueProp(currentValue);
     }
   }, [currentValue]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     handleChange(selected);
   }, [selected]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     if (selectedOption) {
       setCurrentValue(selectedOption.value);
     }
   }, [selectedOption]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     if (addInstructions) {
       setCurrentValue(customMessage);
       setInitialHover(true);
     }
   }, [addInstructions, handleOnFocus]);
-  const onChange = react.exports.useCallback(event => {
+  const onChange = useCallback(event => {
     setCurrentValue(event.target.value);
     if (isFunction(onChangeProp)) {
       onChangeProp(event);
     }
   }, [onChangeProp]);
-  const onFocus = react.exports.useCallback(event => {
+  const onFocus = useCallback(event => {
     if (autoSelect) {
       event.target.select();
     }
@@ -85,7 +82,7 @@ const Instructions = React.forwardRef(function Instructions(_ref, forwardedRef)
       setCurrentValue('');
     }
   }, [autoSelect, readOnly, onFocusProp]);
-  const onBlur = react.exports.useCallback(event => {
+  const onBlur = useCallback(event => {
     if (isFunction(onBlurProp)) {
       onBlurProp(event);
     }
@@ -124,22 +121,22 @@ const Instructions = React.forwardRef(function Instructions(_ref, forwardedRef)
     placeholder: placeholder
   };
   if (hidden) return null;
-  return React.createElement(Instructions$2, _extends({
+  return React__default.createElement(Instructions$1, _extends({
     ref: forwardedRef,
     initialHover: initialHover,
     onMouseDown: handleMouseOver,
     onMouseLeave: handleMouseLeave
-  }, props), !readOnly && !disabled && React.createElement(TopBarContainer, {
+  }, props), !readOnly && !disabled && React__default.createElement(TopBarContainer, {
     initialHover: initialHover,
     className: isHovered && !readOnly && !disabled && 'slide-in'
-  }, React.createElement(SelectContainer, null, React.createElement(AutocompleteSelect, _extends({
+  }, React__default.createElement(SelectContainer, null, React__default.createElement(CompactAutocompleteSelect, _extends({
     type: selectType,
     value: selectedOption,
     creatable: false,
     onChange: handleChange
-  }, sharedSelectProps)))), React.createElement(InstructionsArea, {
+  }, sharedSelectProps)))), React__default.createElement(InstructionsArea, {
     type: type
-  }, React.createElement(TextArea, {
+  }, React__default.createElement(TextArea, {
     noBorder: true,
     instructionsTextArea: true,
     type: type,
@@ -157,7 +154,7 @@ const Instructions = React.forwardRef(function Instructions(_ref, forwardedRef)
     showMore: showMore,
     showMoreText: showMoreText,
     showLessText: showLessText,
-    icon: React.createElement(SvgWarningCircle, null),
+    icon: React__default.createElement(SvgWarningCircle, null),
     loadingIcon: loadingIcon,
     successIcon: successIcon,
     padding: padding
@@ -208,6 +205,6 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   successIcon: PropTypes.element,
   padding: PropTypes.oneOf(['', 'small', 'medium', 'large'])
 } : {};
-var Instructions$1 = Instructions;
 
-export { Instructions$1 as default };
+export { Instructions as default };
+//# sourceMappingURL=Instructions.js.map

package/build/widgets/Instructions/Instructions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Instructions.js","sources":["../../../src/components/widgets/Instructions/Instructions.js"],"sourcesContent":["import { isFunction } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { ReactComponent as AlertIcon } from '../../../icons/warning-circle.svg';\nimport AutocompleteSelect from '../../inputs/CompactAutocompleteSelect/CompactAutocompleteSelect';\nimport TextArea from '../../inputs/TextArea/TextArea';\nimport * as S from './Instructions.styled';\n\n/**\n * Instructions that let you display Terms & Conditions\n *\n *\n * ### Import\n *\n * ``` js\n * import { Instructions } from '@ntbjs/react-components/widgets/Instructions'\n * // or\n * import Instructions from '@ntbjs/react-components/widgets/Instructions'\n * ```\n *\n * ### AutocompleteSelect\n * `AutocompleteSelect` is integrated within Instructions in order to implement the Drop-down Menu (check out the `Autocomplete` component documentation).\n *\n *\n *  <br /> ## Options `object` format\n * Options are represented by an `Array` of `objects` with the following format:\n *\n * ``` js\n * {\n *   value: \"Example\",\n *   label: \"Example\"\n * }\n * ```\n *\n */\n\nconst Instructions = React.forwardRef(function Instructions(\n  {\n    clickToAdd,\n    customAddMessage,\n    selectedOption,\n    loadOptions,\n    readOnly,\n    disabled,\n    hidden,\n    name,\n    lightBackground,\n    autoSelect,\n    subscribeCurrentValue: subscribeCurrentValueProp,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    onUpdateCallback,\n    availableOptions,\n    loadingMessageFunc,\n    placeholder,\n    type,\n    selectType,\n    edit,\n    rows,\n    showMore,\n    showMoreText,\n    showLessText,\n    isExpanded,\n    loadingIcon,\n    successIcon,\n    padding,\n    ...props\n  },\n  forwardedRef\n) {\n  const [isHovered, setIsHovered] = useState(false);\n  const [selected, setSelected] = useState({});\n  const [addInstructions, setAddInstructions] = useState(clickToAdd);\n  const [customMessage, setCustomMessage] = useState(customAddMessage);\n  const [background, setBackground] = useState(lightBackground);\n  const [initialHover, setInitialHover] = useState(true);\n  const [currentValue, setCurrentValue] = useState();\n\n  useEffect(() => {\n    if (isFunction(subscribeCurrentValueProp)) {\n      subscribeCurrentValueProp(currentValue);\n    }\n  }, [currentValue]);\n\n  useEffect(() => {\n    handleChange(selected);\n  }, [selected]);\n  //Selected option to be displayed on first render\n  useEffect(() => {\n    if (selectedOption) {\n      setCurrentValue(selectedOption.value);\n    }\n  }, [selectedOption]);\n  //Custom instructions added by consumer\n  useEffect(() => {\n    if (addInstructions) {\n      setCurrentValue(customMessage);\n      setInitialHover(true);\n    }\n  }, [addInstructions, handleOnFocus]);\n\n  const onChange = useCallback(\n    event => {\n      setCurrentValue(event.target.value);\n      if (isFunction(onChangeProp)) {\n        onChangeProp(event);\n      }\n    },\n    [onChangeProp]\n  );\n  const onFocus = useCallback(\n    event => {\n      if (autoSelect) {\n        event.target.select();\n      }\n      if (isFunction(onFocusProp)) {\n        onFocusProp(event);\n      }\n      if (event.target.value === customMessage) {\n        setCurrentValue('');\n      }\n    },\n    [autoSelect, readOnly, onFocusProp]\n  );\n  const onBlur = useCallback(\n    event => {\n      if (isFunction(onBlurProp)) {\n        onBlurProp(event);\n      }\n    },\n    [onBlurProp]\n  );\n\n  const handleMouseOver = () => {\n    setIsHovered(true);\n  };\n  const handleMouseLeave = () => {\n    setIsHovered(false);\n  };\n\n  const handleOnFocus = () => {\n    if (customMessage === currentValue) {\n      setCurrentValue('');\n    }\n  };\n\n  const handleChange = selected => {\n    if (selected === null) {\n      setSelected({});\n      setAddInstructions(true);\n      setBackground(true);\n      setInitialHover(true);\n      setCustomMessage(customAddMessage);\n    } else {\n      setSelected(selected);\n      setCurrentValue(selected.value);\n      setAddInstructions(false);\n      setBackground(false);\n      setInitialHover(false);\n      onUpdateCallback(selected);\n    }\n  };\n\n  const sharedSelectProps = {\n    options: loadOptions ? undefined : availableOptions,\n    loadOptions: loadOptions,\n    loadingMessage: loadingMessageFunc,\n    placeholder: placeholder\n  };\n\n  if (hidden) return null;\n\n  return (\n    <S.Instructions\n      ref={forwardedRef}\n      initialHover={initialHover}\n      onMouseDown={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      {...props}\n    >\n      {!readOnly && !disabled && (\n        <S.TopBarContainer\n          initialHover={initialHover}\n          className={isHovered && !readOnly && !disabled && 'slide-in'}\n        >\n          <S.SelectContainer>\n            <AutocompleteSelect\n              type={selectType}\n              value={selectedOption}\n              creatable={false}\n              onChange={handleChange}\n              {...sharedSelectProps}\n            />\n          </S.SelectContainer>\n        </S.TopBarContainer>\n      )}\n\n      <S.InstructionsArea type={type}>\n        <TextArea\n          noBorder\n          instructionsTextArea={true}\n          type={type}\n          lightBackground={background}\n          readOnly={readOnly}\n          disabled={disabled}\n          name={name}\n          isExpanded={isExpanded}\n          edit={edit}\n          value={currentValue === null ? '' : currentValue}\n          onFocus={onFocus}\n          onChange={onChange}\n          onBlur={onBlur}\n          rows={rows}\n          showMore={showMore}\n          showMoreText={showMoreText}\n          showLessText={showLessText}\n          icon={<AlertIcon />}\n          loadingIcon={loadingIcon}\n          successIcon={successIcon}\n          padding={padding}\n        />\n      </S.InstructionsArea>\n    </S.Instructions>\n  );\n});\n\nInstructions.defaultProps = {\n  clickToAdd: false,\n  lightBackground: false,\n  autoSelect: true,\n  hidden: false,\n  edit: false,\n  disabled: false,\n  readOnly: false,\n  type: '',\n  selectType: '',\n  padding: 'medium',\n  onUpdateCallback: () => {}\n};\n\nInstructions.propTypes = {\n  /**\n   * Name of the text area (used when sending form data)\n   */\n  name: PropTypes.string,\n  /**\n   * The placeholder of the input. Text to be displayed on the input element when the component is enabled and not focused – e.g. \"Search categories...\"\n   */\n  placeholder: PropTypes.string,\n  /**\n   * How many rows/lines of text to be displayed by default\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Selected option\n   */\n  selectedOption: PropTypes.any,\n  /**\n   * Function with a `Promise` returning filtered options.\n   *\n   * See [Asynchronous fetching/filtering with pagination](#asynchronous-fetchingfiltering-with-pagination)\n   * for details.\n   *\n   * **Note:**\n   * <br />This will override the `availableOptions` prop if both props are set.\n   */\n  loadOptions: PropTypes.func,\n  /**\n   * Function for custom \"Loading...\" message while waiting for the first page\n   * from `loadOptions` to resolve. Defaults to \"Loading...\" if no function is provided.\n   */\n  loadingMessageFunc: PropTypes.func,\n  /**\n  /**\n   * Whether the components displays an initial custom message.\n   */\n  clickToAdd: PropTypes.bool,\n  /**\n   * Add initial custom message. i.e: `No instructions (click to add)`.\n   */\n  customAddMessage: PropTypes.string,\n  /**\n   * Whether to auto select the entire value when the input is focused – does also work when the field is in read-only mode\n   */\n  autoSelect: PropTypes.bool,\n  /**\n   * Whether the instruction is read only\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the intruction is disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the component is hidden or visible.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Display Show More\n   */\n  showMore: PropTypes.bool,\n  /**\n   * Show More message displayed below the text area\n   */\n  showMoreText: PropTypes.string,\n  /**\n   * Show Less message displayed below the text area\n   */\n  showLessText: PropTypes.string,\n  /**\n   * `Array` of `objects` that populate the select menu. This is only needed\n   * when asynchronous option fetching with the `loadOptions` prop is not used.\n   *\n   * **Note:**\n   * <br />This will be overridden by the `loadOptions` prop if both props are set.\n   */\n  availableOptions: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * `LightBackground color\n   */\n  lightBackground: PropTypes.bool,\n  /**\n   * Displays a light-yellow background to show that instruction value is editable\n   */\n  edit: PropTypes.bool,\n  /**\n   * Function with a `Promise` returning filtered options.\n   *\n   * See [Asynchronous fetching/filtering with pagination](#asynchronous-fetchingfiltering-with-pagination)\n   * for details.\n   *\n   * **Note:**\n   * <br /> `options`should be passed as an `array`of `objects`\n   * <br />This will override the `availableOptions` prop if both props are set.\n   */\n  options: PropTypes.array,\n  /**\n   * Callback for `onChange`\n   */\n  subscribeCurrentValue: PropTypes.func,\n  /**\n   * Callback for `onChange`\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback for `onFocus`\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Callback for `onBlur`\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Callback for `onUpdateCallback`: register to AutocompleteSelect label and value\n   */\n  onUpdateCallback: PropTypes.func,\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',\n    'instructions-warning',\n    'loading',\n    'success'\n  ]),\n  /**\n   * Define the type AutoCompleteSelect based on error,error-border , warning, loading and success.\n   */\n  selectType: PropTypes.oneOf([\n    '',\n    'error',\n    'warning',\n    'instructions-warning',\n    'loading',\n    'success'\n  ]),\n  isExpanded: PropTypes.func,\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   * Add padding (small-medium-large)\n   */\n  padding: PropTypes.oneOf(['', 'small', 'medium', 'large'])\n};\n\nexport default Instructions;\n"],"names":["Instructions","React","forwardRef","clickToAdd","customAddMessage","selectedOption","loadOptions","readOnly","disabled","hidden","name","lightBackground","autoSelect","subscribeCurrentValue","subscribeCurrentValueProp","onChange","onChangeProp","onFocus","onFocusProp","onBlur","onBlurProp","onUpdateCallback","availableOptions","loadingMessageFunc","placeholder","type","selectType","edit","rows","showMore","showMoreText","showLessText","isExpanded","loadingIcon","successIcon","padding","props","forwardedRef","isHovered","setIsHovered","useState","selected","setSelected","addInstructions","setAddInstructions","customMessage","setCustomMessage","background","setBackground","initialHover","setInitialHover","currentValue","setCurrentValue","useEffect","isFunction","handleChange","value","handleOnFocus","useCallback","event","target","select","handleMouseOver","handleMouseLeave","sharedSelectProps","options","undefined","loadingMessage","createElement","S","_extends","ref","onMouseDown","onMouseLeave","className","AutocompleteSelect","creatable","TextArea","noBorder","instructionsTextArea","icon","AlertIcon","defaultProps","propTypes","process","env","NODE_ENV","PropTypes","string","oneOfType","number","any","func","bool","arrayOf","object","array","oneOf","element"],"mappings":"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"}

package/build/widgets/Instructions/Instructions.styled.js

@@ -0,0 +1,32 @@
+import styled from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const Instructions = styled.div.attrs(applyDefaultTheme)`
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  ${props => props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};
+`;
+const TopBarContainer = styled.div.attrs(applyDefaultTheme)`
+  position: absolute;
+  display: flex;
+  width: 100%;
+  margin-top: 0;
+  transition: margin-top 120ms;
+  &&.slide-in {
+    margin-top: -24px;
+  }
+  ${props => props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};
+
+  ${props => props.initialHover && props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};
+`;
+const SelectContainer = styled.div.attrs(applyDefaultTheme)`
+  width: 100%;
+  margin: 0 2px;
+`;
+const InstructionsArea = styled.div.attrs(applyDefaultTheme)`
+  margin: 2px 2px -2px 2px;
+`;
+
+export { Instructions, InstructionsArea, SelectContainer, TopBarContainer };
+//# sourceMappingURL=Instructions.styled.js.map

package/build/widgets/Instructions/Instructions.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Instructions.styled.js","sources":["../../../src/components/widgets/Instructions/Instructions.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nexport const Instructions = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  ${props =>\n    props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};\n`;\n\nexport const TopBarContainer = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  display: flex;\n  width: 100%;\n  margin-top: 0;\n  transition: margin-top 120ms;\n  &&.slide-in {\n    margin-top: -24px;\n  }\n  ${props =>\n    props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};\n\n  ${props =>\n    props.initialHover &&\n    props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))};\n`;\n\nexport const SelectContainer = styled.div.attrs(applyDefaultTheme)`\n  width: 100%;\n  margin: 0 2px;\n`;\n\nexport const InstructionsArea = styled.div.attrs(applyDefaultTheme)`\n  margin: 2px 2px -2px 2px;\n`;\n"],"names":["Instructions","styled","div","attrs","applyDefaultTheme","props","theme","themeProp","getColor","TopBarContainer","initialHover","SelectContainer","InstructionsArea"],"mappings":";;;AAGO,MAAMA,YAAY,GAAGC,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC/D;AACA;AACA;AACA,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAEF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAA;AAC7F,EAAC;AAEM,MAAMC,eAAe,GAAGR,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAEF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAA;AAC7F;AACA,EAAIH,EAAAA,KAAK,IACLA,KAAK,CAACK,YAAY,IAClBL,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAEF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAA;AAC7F,EAAC;AAEM,MAAMG,eAAe,GAAGV,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAClE;AACA;AACA,EAAC;AAEM,MAAMQ,gBAAgB,GAAGX,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACnE;AACA;;;;"}

package/build/widgets/Instructions/index.js

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

package/build/widgets/Instructions/index.js.map

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

package/build/widgets/ProgressBar/ProgressBar.js

@@ -0,0 +1,72 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { Container, Label, InnerContainer, Completed, ProgressBarTrack, MetricsContainer, ProgressBarFill, PercentageIndicator, ExternalPercentageIndicator, Link, ButtonLink, StyledArrowIcon } from './ProgressBar.styled.js';
+
+const ProgressBar = ({
+  totalAssets,
+  completedAssets,
+  percentageText,
+  barColor,
+  height,
+  label,
+  type,
+  linkText,
+  onClick,
+  ...props
+}) => {
+  const [isLinkHovered, setIsLinkHovered] = useState(false);
+  const safeCompletedAssets = Math.max(0, completedAssets);
+  const safeTotalAssets = Math.max(1, totalAssets);
+  const percentage = safeCompletedAssets / safeTotalAssets * 100;
+  const formattedPercentage = `${Math.round(percentage)}%`;
+  const isLowPercentage = percentage <= 5;
+  const handleLinkClick = e => onClick(e);
+  const formatNumberNew = num => {
+    if (num < 1000000) {
+      return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+    } else {
+      const units = ['K', 'M', 'B', 'T'];
+      const unit = Math.floor((num.toString().length - 1) / 3) - 1;
+      const shortNum = num / Math.pow(1000, unit + 1);
+      return shortNum.toFixed(shortNum < 10 ? 1 : 0) + units[unit];
+    }
+  };
+  return React__default.createElement(Container, _extends({
+    height: height
+  }, props), React__default.createElement(Label, null, label), React__default.createElement(InnerContainer, {
+    type: type
+  }, React__default.createElement(Completed, {
+    type: type
+  }, formatNumberNew(completedAssets)), React__default.createElement(ProgressBarTrack, null, React__default.createElement(MetricsContainer, {
+    $hasLink: Boolean(linkText)
+  }, React__default.createElement(ProgressBarFill, {
+    type: type,
+    $percentage: percentage,
+    barColor: barColor
+  }, !isLowPercentage && React__default.createElement(PercentageIndicator, {
+    $hasLink: Boolean(linkText)
+  }, percentageText || formattedPercentage)), isLowPercentage && React__default.createElement(ExternalPercentageIndicator, null, percentageText || formattedPercentage)), linkText && React__default.createElement(Link, {
+    onClick: handleLinkClick,
+    onMouseEnter: () => setIsLinkHovered(true),
+    onMouseLeave: () => setIsLinkHovered(false)
+  }, React__default.createElement(ButtonLink, {
+    $isHovered: isLinkHovered
+  }, linkText), React__default.createElement(StyledArrowIcon, {
+    $isHovered: isLinkHovered
+  })))));
+};
+ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {
+  totalAssets: PropTypes.number.isRequired,
+  completedAssets: PropTypes.number.isRequired,
+  percentageText: PropTypes.string,
+  barColor: PropTypes.string,
+  height: PropTypes.number,
+  label: PropTypes.string,
+  type: PropTypes.string,
+  linkText: PropTypes.string,
+  onClick: PropTypes.func
+} : {};
+
+export { ProgressBar as default };
+//# sourceMappingURL=ProgressBar.js.map

package/build/widgets/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/widgets/ProgressBar/ProgressBar.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './ProgressBar.styled';\n\n/**\n * ProgressBar that let you progress through a task.\n *\n *\n * ### Import\n *\n * ``` js\n * import { ProgressBar } from '@ntbjs/react-components/widgets/ProgressBar'\n * // or\n * import ProgressBar from '@ntbjs/react-components/widgets/ProgressBar'\n * ```\n *\n *\n */\n\nconst ProgressBar = ({\n  totalAssets,\n  completedAssets,\n  percentageText,\n  barColor,\n  height,\n  label,\n  type,\n  linkText,\n  onClick,\n  ...props\n}) => {\n  const [isLinkHovered, setIsLinkHovered] = useState(false);\n\n  const safeCompletedAssets = Math.max(0, completedAssets);\n  const safeTotalAssets = Math.max(1, totalAssets);\n  const percentage = (safeCompletedAssets / safeTotalAssets) * 100;\n  const formattedPercentage = `${Math.round(percentage)}%`;\n\n  const isLowPercentage = percentage <= 5;\n\n  const handleLinkClick = e => onClick(e);\n\n  const formatNumberNew = num => {\n    if (num < 1000000) {\n      return num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ');\n    } else {\n      const units = ['K', 'M', 'B', 'T'];\n      const unit = Math.floor((num.toString().length - 1) / 3) - 1;\n      const shortNum = num / Math.pow(1000, unit + 1);\n      return shortNum.toFixed(shortNum < 10 ? 1 : 0) + units[unit];\n    }\n  };\n\n  return (\n    <S.Container height={height} {...props}>\n      <S.Label>{label}</S.Label>\n      <S.InnerContainer type={type}>\n        <S.Completed type={type}>{formatNumberNew(completedAssets)}</S.Completed>\n        <S.ProgressBarTrack>\n          <S.MetricsContainer $hasLink={Boolean(linkText)}>\n            <S.ProgressBarFill type={type} $percentage={percentage} barColor={barColor}>\n              {!isLowPercentage && (\n                <S.PercentageIndicator $hasLink={Boolean(linkText)}>\n                  {percentageText || formattedPercentage}\n                </S.PercentageIndicator>\n              )}\n            </S.ProgressBarFill>\n            {isLowPercentage && (\n              <S.ExternalPercentageIndicator>\n                {percentageText || formattedPercentage}\n              </S.ExternalPercentageIndicator>\n            )}\n          </S.MetricsContainer>\n          {linkText && (\n            <S.Link\n              onClick={handleLinkClick}\n              onMouseEnter={() => setIsLinkHovered(true)}\n              onMouseLeave={() => setIsLinkHovered(false)}\n            >\n              <S.ButtonLink $isHovered={isLinkHovered}>{linkText}</S.ButtonLink>\n              <S.StyledArrowIcon $isHovered={isLinkHovered} />\n            </S.Link>\n          )}\n        </S.ProgressBarTrack>\n      </S.InnerContainer>\n    </S.Container>\n  );\n};\n\nProgressBar.propTypes = {\n  totalAssets: PropTypes.number.isRequired,\n  completedAssets: PropTypes.number.isRequired,\n  percentageText: PropTypes.string,\n  barColor: PropTypes.string,\n  height: PropTypes.number,\n  label: PropTypes.string,\n  type: PropTypes.string,\n  linkText: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","totalAssets","completedAssets","percentageText","barColor","height","label","type","linkText","onClick","props","isLinkHovered","setIsLinkHovered","useState","safeCompletedAssets","Math","max","safeTotalAssets","percentage","formattedPercentage","round","isLowPercentage","handleLinkClick","e","formatNumberNew","num","toString","replace","units","unit","floor","length","shortNum","pow","toFixed","React","createElement","S","_extends","$hasLink","Boolean","$percentage","onMouseEnter","onMouseLeave","$isHovered","propTypes","process","env","NODE_ENV","PropTypes","number","isRequired","string","func"],"mappings":"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"}

package/build/widgets/ProgressBar/ProgressBar.styled.js

@@ -0,0 +1,178 @@
+import styled from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+import 'react';
+import { ReactComponent as SvgArrowForward } from '../../icons/arrow-forward.svg.js';
+
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const getBackgroundColor = props => {
+  if (props.barColor) {
+    return `background: ${props.barColor};`;
+  }
+  const colorMap = {
+    success: ['emerald-600', 'emerald-300'],
+    error: ['red-600', 'cercise-200'],
+    warning: ['orange-600', 'orange-400'],
+    none: ['gray-500', 'gray-300'],
+    default: ['emerald-600', 'emerald-500']
+  };
+  const [darkColor, lightColor] = colorMap[props.type] || colorMap.default;
+  return props.theme.themeProp('background', props.theme.getColor(darkColor), props.theme.getColor(lightColor));
+};
+styled.p.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+  font-size: 1rem;
+  font-weight: 500;
+`;
+const Container = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  width: 100%;
+  height: ${props => props.height ? `${props.height}px` : '50px'};
+  font-family: ${props => props.theme.primaryFontFamily};
+`;
+const InnerContainer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  height: 100%;
+`;
+const MetricsContainer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: ${props => props.$hasLink ? '85%' : '100%'};
+  height: 100%;
+  flex-direction: row;
+  justify-content: flex-start;
+`;
+const Label = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  font-size: 0.875rem;
+  padding-bottom: 5px;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))}
+`;
+styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  font-size: 0.875rem;
+  font-weight: 500;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))}
+`;
+const ProgressBarTrack = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  border-radius: 3px;
+  height: 100%;
+  ${props => props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50'))}
+`;
+const Completed = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  font-size: 1.2rem;
+  font-weight: 400;
+  height: 100%;
+  border-radius: 3px;
+  display: flex;
+  align-items: center;
+  width: 96px;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-800'))};
+`;
+const PercentageIndicator = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  position: absolute;
+  right: 10px;
+  font-weight: 400;
+  font-size: 0.875rem;
+  white-space: nowrap;
+  opacity: 0.8;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))};
+`;
+const ExternalPercentageIndicator = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  margin-left: 8px;
+  font-size: 1.2rem;
+  font-weight: 400;
+  font-size: 0.875rem;
+  opacity: 0.9;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))};
+  display: flex;
+  align-items: center;
+`;
+const ProgressBarFill = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  height: 100%;
+  border-radius: 0 3px 3px 0;
+  width: ${props => props.$percentage}%;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  ${props => getBackgroundColor(props)}
+  transition: width 0.3s ease;
+`;
+const Link = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  font-size: 0.875rem;
+  font-weight: 400;
+  width: 15%;
+  opacity: 0.7;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-right: 20px;
+  cursor: pointer;
+  height: 100%;
+  gap: 10px;
+  svg {
+    transition: transform 0.2s ease-in-out;
+  }
+  &:hover svg {
+    transform: translateX(2px);
+  }
+`;
+const ButtonLink = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  font-size: 0.875rem;
+  font-weight: 500;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  opacity: ${props => props.$isHovered ? 1 : 0.8};
+  transition: color 0.2s ease-in-out;
+  ${props => props.$isHovered ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))};
+`;
+const StyledArrowIcon = styled(SvgArrowForward).withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  height: 15px;
+  margin-right: 10px;
+  opacity: ${props => props.$isHovered ? 1 : 0.8};
+  transition:
+    transform 0.2s ease-in-out,
+    fill 0.2s ease-in-out;
+  transform: ${props => props.$isHovered ? 'translateX(2px)' : 'translateX(0)'};
+
+  ${props => props.$isHovered ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black'))};
+`;
+
+export { ButtonLink, Completed, Container, ExternalPercentageIndicator, InnerContainer, Label, Link, MetricsContainer, PercentageIndicator, ProgressBarFill, ProgressBarTrack, StyledArrowIcon };
+//# sourceMappingURL=ProgressBar.styled.js.map

package/build/widgets/ProgressBar/ProgressBar.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.styled.js","sources":["../../../src/components/widgets/ProgressBar/ProgressBar.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { ArrowForwardIcon } from '../../../icons';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nconst getBackgroundColor = props => {\n  if (props.barColor) {\n    return `background: ${props.barColor};`;\n  }\n  const colorMap = {\n    success: ['emerald-600', 'emerald-300'],\n    error: ['red-600', 'cercise-200'],\n    warning: ['orange-600', 'orange-400'],\n    none: ['gray-500', 'gray-300'],\n    default: ['emerald-600', 'emerald-500']\n  };\n\n  const [darkColor, lightColor] = colorMap[props.type] || colorMap.default;\n\n  return props.theme.themeProp(\n    'background',\n    props.theme.getColor(darkColor),\n    props.theme.getColor(lightColor)\n  );\n};\n\nexport const ProgressBar = styled.p\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n`;\n\nexport const Container = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: 100%;\n  height: ${props => (props.height ? `${props.height}px` : '50px')};\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\n\nexport const InnerContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  height: 100%;\n`;\n\nexport const MetricsContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: ${props => (props.$hasLink ? '85%' : '100%')};\n  height: 100%;\n  flex-direction: row;\n  justify-content: flex-start;\n`;\n\nexport const Label = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  padding-bottom: 5px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n`;\n\nexport const Percentage = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 500;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n`;\n\nexport const ProgressBarTrack = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 3px;\n  height: 100%;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-800'),\n      props.theme.getColor('gray-50')\n    )}\n`;\n\nexport const Completed = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 1.2rem;\n  font-weight: 400;\n  height: 100%;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  width: 96px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-800')\n    )};\n`;\nexport const PercentageIndicator = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  right: 10px;\n  font-weight: 400;\n  font-size: 0.875rem;\n  white-space: nowrap;\n  opacity: 0.8;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )};\n`;\n\nexport const ExternalPercentageIndicator = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin-left: 8px;\n  font-size: 1.2rem;\n  font-weight: 400;\n  font-size: 0.875rem;\n  opacity: 0.9;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )};\n  display: flex;\n  align-items: center;\n`;\n\nexport const ProgressBarFill = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  height: 100%;\n  border-radius: 0 3px 3px 0;\n  width: ${props => props.$percentage}%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  ${props => getBackgroundColor(props)}\n  transition: width 0.3s ease;\n`;\n\nexport const Link = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 400;\n  width: 15%;\n  opacity: 0.7;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-right: 20px;\n  cursor: pointer;\n  height: 100%;\n  gap: 10px;\n  svg {\n    transition: transform 0.2s ease-in-out;\n  }\n  &:hover svg {\n    transform: translateX(2px);\n  }\n`;\n\nexport const ButtonLink = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 500;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition: color 0.2s ease-in-out;\n  ${props =>\n    props.$isHovered\n      ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))\n      : props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-900')\n        )};\n`;\n\nexport const StyledArrowIcon = styled(ArrowForwardIcon)\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  height: 15px;\n  margin-right: 10px;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition:\n    transform 0.2s ease-in-out,\n    fill 0.2s ease-in-out;\n  transform: ${props => (props.$isHovered ? 'translateX(2px)' : 'translateX(0)')};\n\n  ${props =>\n    props.$isHovered\n      ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black'))\n      : props.theme.themeProp(\n          'fill',\n          props.theme.getColor('white'),\n          props.theme.getColor('black')\n        )};\n`;\n"],"names":["shouldForwardProp","prop","startsWith","getBackgroundColor","props","barColor","colorMap","success","error","warning","none","default","darkColor","lightColor","type","theme","themeProp","getColor","styled","p","withConfig","attrs","applyDefaultTheme","primaryFontFamily","Container","div","height","InnerContainer","MetricsContainer","$hasLink","Label","ProgressBarTrack","Completed","PercentageIndicator","ExternalPercentageIndicator","ProgressBarFill","$percentage","Link","ButtonLink","$isHovered","StyledArrowIcon","ArrowForwardIcon"],"mappings":"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"}

package/build/widgets/ProgressBar/index.js

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

package/build/widgets/ProgressBar/index.js.map

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