npm - @ntbjs/react-components - Versions diffs - 2.0.2-rc.3 → 2.0.2-rc.4 - Mend

@ntbjs/react-components 2.0.2-rc.3 → 2.0.2-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetGalleryGridCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js"],"sourcesContent":["import { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => {\n return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetGalleryWrapper = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${props =>\n props.$disabled &&\n css`\n cursor: not-allowed;\n `};\n`;\n\nexport const AssetGalleryGridCard = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: block;\n position: relative;\n height: 100%;\n margin: 0;\n box-sizing: border-box;\n border-width: ${props => {\n const { selected, $softSelected, hasError, completed } = props;\n return selected \|\| $softSelected \|\| hasError \|\| completed ? 3 : 1;\n }}px;\n border-style: solid;\n text-decoration: none;\n cursor: pointer;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-700')\n )}\n\n ${props =>\n props.disabled &&\n css`\n pointer-events: none;\n opacity: 0.4;\n `};\n\n ${props =>\n props.extendedSelectMode &&\n css`\n cursor: pointer;\n `}\n\n ${props => {\n if (props.$softSelected) {\n return props.theme.themeProp(\n 'border-color',\n rgba(props.theme.getColor('gray-100'), 0.5),\n rgba(props.theme.getColor('gray-700'), 0.5)\n );\n }\n\n if (props.selected) {\n if (props.customSelectedBorder) {\n return props.theme.themeProp(\n 'border-color',\n props.customSelectedBorder[0],\n props.customSelectedBorder[1]\n );\n } else {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-700')\n );\n }\n }\n\n if (props.completed) {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('emerald-500'),\n rgba(props.theme.getColor('emerald-500'), 0.7)\n );\n }\n\n if (props.hasError) {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-600'),\n rgba(props.theme.getColor('red-500'), 0.7)\n );\n }\n\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-300')\n );\n }};\n`;\n\nexport const ContentWrapper = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n padding: ${props => (props.$selected \|\| props.$softSelected ? 4 : 0)}px;\n padding-top: 35px;\n height: 100%;\n`;\n\nexport const Asset = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n padding: 0 36px;\n min-height: 200px;\n box-sizing: border-box;\n\n video {\n display: block;\n }\n\n .audio {\n display: flex;\n justify-content: center;\n svg {\n width: 25%;\n }\n }\n`;\n\nexport const Figure = styled.figure\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n margin: 0;\n\n img,\n video,\n .audio {\n display: block;\n max-height: 200px;\n width: 100%;\n box-sizing: border-box;\n\n ${props =>\n props.$hasHeightAndWidth\n ? css`\n object-fit: cover;\n `\n : css`\n object-fit: contain;\n `}\n }\n\n .audio {\n display: flex;\n height: 200px;\n justify-content: center;\n svg {\n width: 25%;\n }\n }\n`;\n\nexport const FigureOverlayBackdrop = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n inset: 0;\n opacity: ${props => (props.$selected ? 0.6 : 0)};\n background-color: ${props => (props.$selected ? '#ACCEF7' : 'transparent')};\n`;\n\nexport const Overlay = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n`;\n\nexport const OverlayBackdrop = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n transition: opacity 220ms;\n ${props =>\n !props.$selected\n ? css`\n background: radial-gradient(\n ellipse at center,\n rgba(0, 0, 0, 0.3) 27%,\n rgba(0, 0, 0, 0.5) 60%,\n rgba(0, 0, 0, 0.7) 90%\n );\n `\n : null}\n\n ${props =>\n (props.$selected \|\| props.$softSelected) &&\n css`\n opacity: 1;\n `}\n\n ${Overlay}:hover & {\n opacity: 1;\n }\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 1;\n }\n`;\n\nexport const OverlayInfo = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 15px 12px 10px;\n color: ${props => props.theme.getColor('gray-100')};\n`;\n\nexport const OverlaySelected = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n`;\n\nexport const OverlayInfoTop = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n padding: 8px;\n display: flex;\n`;\n\nexport const OverlayInfoTopVersions = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 1;\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 0;\n }\n`;\n\nexport const OverlayInfoTopWarning = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n margin-left: auto;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n box-sizing: border-box;\n padding: ${props => (props.$type === 'error' ? 0 : '4px')};\n background-color: ${props =>\n props.$type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};\n opacity: 1;\n\n svg {\n width: 100%;\n color: ${props =>\n props.$type === 'error'\n ? props.theme.getColor('gray-100')\n : props.theme.getColor('gray-700')};\n }\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 0;\n }\n`;\n\nexport const OverlayInfoTopActions = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n right: 0;\n padding: 4px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: opacity 220ms;\n z-index: 99999;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-700')\n )}\n\n opacity: ${props => (props.$isCardHovered ? 1 : 0)};\n`;\n\nexport const OverlayInfoBottom = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding: 8px;\n display: flex;\n`;\n\nexport const OverlayInfoBottomSelectButton = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: ${props => (props.$selected ? 1 : 0)};\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 220ms;\n\n > svg {\n width: 23px;\n height: 100%;\n transition: opacity 120ms;\n opacity: ${props => (props.$selected ? 1 : 0.5)};\n }\n\n ${Overlay}:hover & {\n opacity: 1;\n }\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 1;\n }\n`;\n\nexport const OverlayInfoBottomMediaIcon = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n margin-left: auto;\n opacity: 1;\n ${AssetGalleryGridCard}:hover & {\n opacity: 0;\n }\n`;\n\nexport const ConsumerDefinedOverlay = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n`;\n\nexport const Fragment = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n margin: 4px;\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetGalleryWrapper","styled","div","withConfig","attrs","applyDefaultTheme","props","$disabled","css","AssetGalleryGridCard","selected","$softSelected","hasError","completed","theme","themeProp","getColor","disabled","extendedSelectMode","rgba","customSelectedBorder","ContentWrapper","$selected","Asset","Figure","figure","$hasHeightAndWidth","FigureOverlayBackdrop","Overlay","OverlayBackdrop","OverlayInfo","OverlaySelected","OverlayInfoTop","OverlayInfoTopVersions","OverlayInfoTopWarning","$type","OverlayInfoTopActions","$isCardHovered","OverlayInfoBottom","OverlayInfoBottomSelectButton","OverlayInfoBottomMediaIcon","ConsumerDefinedOverlay","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"AssetGalleryGridCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js"],"sourcesContent":["import { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\n\nexport const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)`\n ${props =>\n props.disabled &&\n css`\n cursor: not-allowed;\n `};\n`;\n\nexport const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`\n display: block;\n position: relative;\n height: 100%;\n margin: 0;\n box-sizing: border-box;\n border-width: ${props => {\n const { selected, softSelected, hasError, completed } = props;\n return selected \|\| softSelected \|\| hasError \|\| completed ? 3 : 1;\n }}px;\n border-style: solid;\n text-decoration: none;\n cursor: pointer;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-700')\n )}\n\n ${props =>\n props.disabled &&\n css`\n pointer-events: none;\n opacity: 0.4;\n `};\n\n ${props =>\n props.extendedSelectMode &&\n css`\n cursor: pointer;\n `}\n\n ${props => {\n if (props.$softSelected) {\n return props.theme.themeProp(\n 'border-color',\n rgba(props.theme.getColor('gray-100'), 0.5),\n rgba(props.theme.getColor('gray-700'), 0.5)\n );\n }\n\n if (props.selected) {\n if (props.customSelectedBorder) {\n return props.theme.themeProp(\n 'border-color',\n props.customSelectedBorder[0],\n props.customSelectedBorder[1]\n );\n } else {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-700')\n );\n }\n }\n\n if (props.completed) {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('emerald-500'),\n rgba(props.theme.getColor('emerald-500'), 0.7)\n );\n }\n\n if (props.hasError) {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-600'),\n rgba(props.theme.getColor('red-500'), 0.7)\n );\n }\n\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-300')\n );\n }};\n`;\n\nexport const ContentWrapper = styled.div.attrs(applyDefaultTheme)`\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n padding: ${props => (props.selected \|\| props.$softSelected ? 4 : 0)}px;\n padding-top: 35px;\n height: 100%;\n`;\n\nexport const Asset = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n padding: 0 36px;\n min-height: 200px;\n box-sizing: border-box;\n\n video {\n display: block;\n }\n\n .audio {\n display: flex;\n justify-content: center;\n svg {\n width: 25%;\n }\n }\n`;\n\nexport const Figure = styled.figure`\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n margin: 0;\n\n img,\n video,\n .audio {\n display: block;\n max-height: 200px;\n width: 100%;\n box-sizing: border-box;\n\n ${props =>\n props.hasHeightAndWidth\n ? css`\n object-fit: cover;\n `\n : css`\n object-fit: contain;\n `}\n }\n\n .audio {\n display: flex;\n height: 200px;\n justify-content: center;\n svg {\n width: 25%;\n }\n }\n`;\n\nexport const FigureOverlayBackdrop = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n inset: 0;\n opacity: ${props => (props.selected ? 0.6 : 0)};\n background-color: ${props => (props.selected ? '#ACCEF7' : 'transparent')};\n`;\n\nexport const Overlay = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n`;\n\nexport const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n transition: opacity 220ms;\n ${props =>\n !props.selected\n ? css`\n background: radial-gradient(\n ellipse at center,\n rgba(0, 0, 0, 0.3) 27%,\n rgba(0, 0, 0, 0.5) 60%,\n rgba(0, 0, 0, 0.7) 90%\n );\n `\n : null}\n\n ${props =>\n (props.selected \|\| props.$softSelected) &&\n css`\n opacity: 1;\n `}\n\n ${Overlay}:hover & {\n opacity: 1;\n }\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 1;\n }\n`;\n\nexport const OverlayInfo = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 15px 12px 10px;\n color: ${props => props.theme.getColor('gray-100')};\n`;\n\nexport const OverlaySelected = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n`;\n\nexport const OverlayInfoTop = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n padding: 8px;\n display: flex;\n`;\n\nexport const OverlayInfoTopVersions = styled.div.attrs(applyDefaultTheme)`\n opacity: 1;\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 0;\n }\n`;\n\nexport const OverlayInfoTopWarning = styled.div.attrs(applyDefaultTheme)`\n margin-left: auto;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n box-sizing: border-box;\n padding: ${props => (props.type === 'error' ? 0 : '4px')};\n background-color: ${props =>\n props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};\n opacity: 1;\n\n svg {\n width: 100%;\n color: ${props =>\n props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};\n }\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 0;\n }\n`;\n\nexport const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n right: 0;\n padding: 4px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: opacity 220ms;\n z-index: 99999;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-700')\n )}\n\n opacity: ${props => (props.isCardHovered ? 1 : 0)};\n`;\n\nexport const OverlayInfoBottom = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding: 8px;\n display: flex;\n`;\n\nexport const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)`\n opacity: ${props => (props.selected ? 1 : 0)};\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 220ms;\n\n > svg {\n width: 23px;\n height: 100%;\n transition: opacity 120ms;\n opacity: ${props => (props.selected ? 1 : 0.5)};\n }\n\n ${Overlay}:hover & {\n opacity: 1;\n }\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 1;\n }\n`;\n\nexport const OverlayInfoBottomMediaIcon = styled.div.attrs(applyDefaultTheme)`\n margin-left: auto;\n opacity: 1;\n ${AssetGalleryGridCard}:hover & {\n opacity: 0;\n }\n`;\n\nexport const ConsumerDefinedOverlay = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n`;\n\nexport const Fragment = styled.div`\n margin: 4px;\n`;\n"],"names":["AssetGalleryWrapper","styled","div","attrs","applyDefaultTheme","props","disabled","css","AssetGalleryGridCard","selected","softSelected","hasError","completed","theme","themeProp","getColor","extendedSelectMode","$softSelected","rgba","customSelectedBorder","ContentWrapper","Asset","Figure","figure","hasHeightAndWidth","FigureOverlayBackdrop","Overlay","OverlayBackdrop","OverlayInfo","OverlaySelected","OverlayInfoTop","OverlayInfoTopVersions","OverlayInfoTopWarning","type","OverlayInfoTopActions","isCardHovered","OverlayInfoBottom","OverlayInfoBottomSelectButton","OverlayInfoBottomMediaIcon","ConsumerDefinedOverlay","Fragment"],"mappings":"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"}

package/build/widgets/Instructions/Instructions.js CHANGED Viewed

@@ -30,6 +30,9 @@ const Instructions = React__default.forwardRef(function Instructions({
   selectType,
   edit,
   rows,
+  showMore,
+  showMoreText,
+  showLessText,
   isExpanded,
   loadingIcon,
   successIcon,
@@ -148,6 +151,9 @@ const Instructions = React__default.forwardRef(function Instructions({
     onChange: onChange,
     onBlur: onBlur,
     rows: rows,
+    showMore: showMore,
+    showMoreText: showMoreText,
+    showLessText: showLessText,
     icon: React__default.createElement(SvgWarningCircle, null),
     loadingIcon: loadingIcon,
     successIcon: successIcon,
@@ -180,6 +186,9 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   readOnly: PropTypes.bool,
   disabled: PropTypes.bool,
   hidden: PropTypes.bool,
+  showMore: PropTypes.bool,
+  showMoreText: PropTypes.string,
+  showLessText: PropTypes.string,
   availableOptions: PropTypes.arrayOf(PropTypes.object),
   lightBackground: PropTypes.bool,
   edit: PropTypes.bool,

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

	@@ -1 +1 @@
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 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 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\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","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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"}
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/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "2.0.2-rc.3",
+  "version": "2.0.2-rc.4",
   "publishConfig": {
     "access": "public"
   },