npm - @bigbinary/neeto-molecules - Versions diffs - 1.15.22 → 1.15.24-beta - Mend

@bigbinary/neeto-molecules 1.15.22 → 1.15.24-beta

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 (15) hide show

package/dist/Rename.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Rename.js","sources":["../src/components/Rename/utils.js","../src/components/Rename/EditName.jsx","../src/components/Rename/RenameMenu.jsx","../src/components/Rename/ViewName.jsx","../src/components/Rename/index.jsx"],"sourcesContent":["export const mergeRefs =\n (...refs) =>\n node =>\n refs.forEach(ref =>\n typeof ref === \"function\" ? ref(node) : (ref.current = node)\n );\n","import React from \"react\";\n\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\n\nimport { mergeRefs } from \"./utils\";\n\nconst Editor = ({\n placeholder,\n allowEmptySubmission,\n name,\n isLoading,\n handleRename,\n submitButtonProps,\n handleClose,\n cancelButtonProps,\n setName,\n inputProps,\n editMode,\n}) => {\n const closeRef = useHotkeys(\"escape\", handleClose, {\n mode: \"scoped\",\n enabled: editMode,\n });\n\n const submitRef = useHotkeys(\n [\"command+return\", \"return\"],\n event => {\n if (isEmpty(name) && !allowEmptySubmission) return;\n handleRename(event, name);\n },\n { mode: \"scoped\", enabled: editMode }\n );\n\n return (\n <div className=\"relative flex min-w-0 max-w-full flex-grow\">\n <span className=\"neeto-molecules-rename__input-width-maker\">\n {name.replace(/\\s/g, \".\") \|\| placeholder}\n </span>\n <Input\n {...{ placeholder }}\n autoFocus\n className=\"neeto-molecules-rename__input absolute\"\n data-cy=\"form-rename-text-field\"\n data-testid=\"neeto-molecules-name-input\"\n ref={mergeRefs(closeRef, submitRef)}\n value={name}\n suffix={\n <div className=\"flex items-center justify-end\">\n <Button\n className=\"neeto-ui-rounded-none\"\n data-cy=\"form-rename-submit-button\"\n data-testid=\"neeto-molecules-rename-button\"\n disabled={(!allowEmptySubmission && isEmpty(name)) \|\| isLoading}\n icon={Check}\n loading={isLoading}\n style=\"text\"\n onClick={event => handleRename(event, name)}\n {...submitButtonProps}\n />\n <Button\n className=\"neeto-ui-rounded-none\"\n data-cy=\"form-rename-close-button\"\n data-testid=\"neeto-molecules-cancel-button\"\n disabled={isLoading}\n icon={Close}\n style=\"text\"\n onClick={handleClose}\n {...cancelButtonProps}\n />\n </div>\n }\n onChange={withEventTargetValue(setName)}\n onClick={event => event.stopPropagation()}\n {...inputProps}\n label={null}\n />\n </div>\n );\n};\n\nexport default Editor;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst RenameMenu = withT(\n ({\n t,\n handleRenameClick,\n disabled,\n dropdownItems,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n isArchived,\n dropdownButtonProps,\n dropdownProps,\n }) => (\n <MoreDropdown\n dropdownButtonProps={{\n \"data-testid\": \"neeto-molecules-menu-button\",\n ...dropdownButtonProps,\n }}\n dropdownProps={{\n position: \"bottom-start\",\n onClick: event => event.stopPropagation(),\n strategy: \"fixed\",\n appendTo: () => document.body,\n ...dropdownProps,\n }}\n menuItems={[\n {\n \"data-cy\": \"form-rename-button\",\n onClick: handleRenameClick,\n label: t(\"neetoMolecules.common.actions.rename\"),\n isVisible: !disabled,\n key: \"edit-name-menu\",\n },\n {\n \"data-cy\": \"form-clone-button\",\n onClick: onClone,\n label: t(\"neetoMolecules.common.actions.clone\"),\n isVisible: isPresent(onClone),\n key: \"clone-entity-menu\",\n },\n {\n \"data-cy\": \"form-archive-button\",\n onClick: onArchiveStatusToggle,\n label: isArchived\n ? t(\"neetoMolecules.common.actions.unArchive\")\n : t(\"neetoMolecules.common.actions.archive\"),\n isVisible: isPresent(onArchiveStatusToggle),\n key: \"archive-entity-menu\",\n },\n {\n \"data-cy\": \"form-delete-button\",\n onClick: onDelete,\n label: t(\"neetoMolecules.common.actions.delete\"),\n isVisible: isPresent(onDelete),\n key: \"delete-entity-menu\",\n },\n ...dropdownItems,\n ]}\n />\n )\n);\n\nexport default RenameMenu;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport RenameMenu from \"./RenameMenu\";\n\nconst ViewName = ({\n disabled,\n textProps,\n formatText,\n dropdownItems,\n hideMenu,\n handleRenameClick,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n name,\n isArchived,\n dropdownButtonProps,\n dropdownProps,\n}) => {\n const isDefaultMenuCallbacksPresent =\n isPresent(onArchiveStatusToggle) \|\|\n isPresent(onDelete) \|\|\n isPresent(onClone);\n\n const isMenuVisible =\n !hideMenu &&\n (isNotEmpty(dropdownItems) \|\| !disabled \|\| isDefaultMenuCallbacksPresent);\n\n return (\n <>\n <Typography\n component=\"p\"\n data-cy=\"form-title\"\n data-testid=\"neeto-molecules-value-display\"\n style=\"body2\"\n className={classNames(\n \"neeto-molecules-rename__text neeto-molecules-rename__display-text w-full truncate\",\n {\n \"cursor-pointer\": !disabled,\n \"pointer-events-none cursor-text\": disabled,\n }\n )}\n onClick={handleRenameClick}\n {...textProps}\n >\n {typeof formatText === \"function\" ? formatText(name) : name}\n </Typography>\n {isMenuVisible && (\n <RenameMenu\n {...{\n disabled,\n dropdownButtonProps,\n dropdownItems,\n dropdownProps,\n handleRenameClick,\n isArchived,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n }}\n />\n )}\n </>\n );\n};\n\nexport default ViewName;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Breadcrumbs from \"components/Breadcrumbs\";\n\nimport EditName from \"./EditName\";\nimport \"./rename.scss\";\nimport ViewName from \"./ViewName\";\n\nconst Rename = ({\n value,\n onRename,\n onClone,\n onArchiveStatusToggle,\n onDelete,\n isArchived,\n isOpen = false,\n isLoading = false,\n placeholder = \"\",\n hideMenu = false,\n disabled = false,\n dropdownItems = [],\n breadcrumbs = [],\n textProps = {},\n inputProps = {},\n submitButtonProps = {},\n cancelButtonProps = {},\n className = \"\",\n allowEmptySubmission = false,\n defaultName = \"\",\n formatText,\n dropdownButtonProps = {},\n dropdownProps = {},\n}) => {\n const [name, setName] = useStateWithDependency(value ?? \"\");\n const [editMode, setEditMode] = useState(isOpen);\n const renameRef = useRef(null);\n\n useOnClickOutside(renameRef, () => editMode && handleClose());\n\n const handleRename = (event, name) => {\n event.stopPropagation();\n const newName = allowEmptySubmission && isEmpty(name) ? defaultName : name;\n setName(newName);\n onRename?.(newName);\n setEditMode(false);\n };\n\n const handleClose = event => {\n event?.stopPropagation();\n setName(value);\n setEditMode(false);\n };\n\n const handleRenameClick = event => {\n event.stopPropagation();\n !disabled && setEditMode(true);\n };\n\n const editNameProps = {\n allowEmptySubmission,\n cancelButtonProps,\n handleClose,\n handleRename,\n inputProps,\n isLoading,\n name,\n placeholder,\n setName,\n submitButtonProps,\n editMode,\n };\n\n const viewNameProps = {\n disabled,\n dropdownItems,\n formatText,\n handleRenameClick,\n hideMenu,\n name,\n isArchived,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n textProps,\n dropdownButtonProps,\n dropdownProps,\n };\n\n return (\n <div\n ref={renameRef}\n className={classnames(\n \"neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center\",\n className\n )}\n >\n {isNotEmpty(breadcrumbs) && (\n <Breadcrumbs\n {...{ breadcrumbs }}\n hasTrailingSeparator\n className=\"neeto-molecules-rename-breadcrumbs\"\n />\n )}\n <div className=\"relative flex max-w-full items-center gap-x-2\">\n {editMode ? (\n <EditName {...editNameProps} />\n ) : (\n <ViewName {...viewNameProps} />\n )}\n </div>\n </div>\n );\n};\n\nRename.propTypes = {\n /*\n To provide additional classes to the component.\n /\n className: PropTypes.string,\n /\n To allow empty submission.\n /\n allowEmptySubmission: PropTypes.bool,\n /\n Default value to be used on empty submission.\n /\n defaultName: PropTypes.string,\n /\n To specify the text to be displayed in the component.\n /\n value: PropTypes.string,\n /\n To specify the function to be triggered when renamed.\n /\n onRename: PropTypes.func,\n /\n To specify the function to be triggered when Clone menu is clicked. The menu will be hidden if this prop is not set.\n /\n onClone: PropTypes.func,\n /\n To specify the function to be triggered when Archive menu is clicked. The menu will be hidden if this prop is not set.\n /\n onArchiveStatusToggle: PropTypes.func,\n /\n To specify whether the entity is archived or not. The text in the menu will be changed based on this to Archive or Unarchive.\n /\n isArchived: PropTypes.bool,\n /\n To specify the function to be triggered when Delete menu is clicked. The menu will be hidden if this prop is not set.\n /\n onDelete: PropTypes.func,\n /\n To specify whether edit mode is enabled or not.\n /\n isOpen: PropTypes.bool,\n /\n To specify whether the edit buttons are in loading state or not.\n /\n isLoading: PropTypes.bool,\n /\n To specify the placeholder for the input component in edit mode.\n /\n placeholder: PropTypes.string,\n /\n To specify whether the dropdown menu should be hidden or not.\n /\n hideMenu: PropTypes.bool,\n /\n To specify whether the rename option in dropdown should be enabled. If it is the only option in dropdown, the menu will be hidden.\n /\n disabled: PropTypes.bool,\n /\n To specify additional items for the dropdown menu.\n /\n dropdownItems: PropTypes.array,\n /\n To specify the breadcrumbs if used in the title of `Header` component.\n /\n breadcrumbs: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string,\n })\n ),\n /\n To override the properties of the Typography component that displays the `value`.\n /\n textProps: PropTypes.object,\n /\n To override the properties of the Input component in edit mode.\n /\n inputProps: PropTypes.object,\n /\n To format the value to display when not in edit mode.\n /\n formatText: PropTypes.func,\n /\n To override the properties of the submit button.\n /\n submitButtonProps: PropTypes.object,\n /\n To override the properties of the cancel button.\n */\n cancelButtonProps: PropTypes.object,\n};\n\nexport default Rename;\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","Editor","_ref","placeholder","allowEmptySubmission","name","isLoading","handleRename","submitButtonProps","handleClose","cancelButtonProps","setName","inputProps","editMode","closeRef","useHotkeys","mode","enabled","submitRef","event","isEmpty","React","createElement","className","replace","Input","_extends","autoFocus","value","suffix","Button","disabled","icon","Check","loading","style","onClick","Close","onChange","withEventTargetValue","stopPropagation","label","RenameMenu","withT","t","handleRenameClick","dropdownItems","onArchiveStatusToggle","onClone","onDelete","isArchived","dropdownButtonProps","dropdownProps","MoreDropdown","_objectSpread","position","strategy","appendTo","document","body","menuItems","isVisible","key","isPresent","concat","_toConsumableArray","ViewName","textProps","formatText","hideMenu","isDefaultMenuCallbacksPresent","isMenuVisible","isNotEmpty","Fragment","Typography","component","classNames","Rename","onRename","_ref$isOpen","isOpen","_ref$isLoading","_ref$placeholder","_ref$hideMenu","_ref$disabled","_ref$dropdownItems","_ref$breadcrumbs","breadcrumbs","_ref$textProps","_ref$inputProps","_ref$submitButtonProp","_ref$cancelButtonProp","_ref$className","_ref$allowEmptySubmis","_ref$defaultName","defaultName","_ref$dropdownButtonPr","_ref$dropdownProps","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","_useState","useState","_useState2","setEditMode","renameRef","useRef","useOnClickOutside","newName","editNameProps","viewNameProps","classnames","Breadcrumbs","hasTrailingSeparator","EditName"],"mappings":"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"}
1	+ {"version":3,"file":"Rename.js","sources":["../src/components/Rename/utils.js","../src/components/Rename/EditName.jsx","../src/components/Rename/RenameMenu.jsx","../src/components/Rename/ViewName.jsx","../src/components/Rename/index.jsx"],"sourcesContent":["export const mergeRefs =\n (...refs) =>\n node =>\n refs.forEach(ref =>\n typeof ref === \"function\" ? ref(node) : (ref.current = node)\n );\n","import React from \"react\";\n\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\n\nimport { mergeRefs } from \"./utils\";\n\nconst Editor = ({\n placeholder,\n allowEmptySubmission,\n name,\n isLoading,\n handleRename,\n submitButtonProps,\n handleClose,\n cancelButtonProps,\n setName,\n inputProps,\n editMode,\n}) => {\n const closeRef = useHotkeys(\"escape\", event => handleClose({ event }), {\n mode: \"scoped\",\n enabled: editMode,\n });\n\n const submitRef = useHotkeys(\n [\"command+return\", \"return\"],\n event => {\n if (isEmpty(name) && !allowEmptySubmission) return;\n handleRename(event, name);\n },\n { mode: \"scoped\", enabled: editMode }\n );\n\n return (\n <div className=\"relative flex min-w-0 max-w-full flex-grow\">\n <span className=\"neeto-molecules-rename__input-width-maker\">\n {name.replace(/\\s/g, \".\") \|\| placeholder}\n </span>\n <Input\n {...{ placeholder }}\n autoFocus\n className=\"neeto-molecules-rename__input absolute\"\n data-cy=\"form-rename-text-field\"\n data-testid=\"neeto-molecules-name-input\"\n ref={mergeRefs(closeRef, submitRef)}\n value={name}\n suffix={\n <div className=\"flex items-center justify-end\">\n <Button\n className=\"neeto-ui-rounded-none\"\n data-cy=\"form-rename-submit-button\"\n data-testid=\"neeto-molecules-rename-button\"\n disabled={(!allowEmptySubmission && isEmpty(name)) \|\| isLoading}\n icon={Check}\n loading={isLoading}\n style=\"text\"\n onClick={event => handleRename(event, name)}\n {...submitButtonProps}\n />\n <Button\n className=\"neeto-ui-rounded-none\"\n data-cy=\"form-rename-close-button\"\n data-testid=\"neeto-molecules-cancel-button\"\n disabled={isLoading}\n icon={Close}\n style=\"text\"\n onClick={event => handleClose({ event })}\n {...cancelButtonProps}\n />\n </div>\n }\n onChange={withEventTargetValue(setName)}\n onClick={event => event.stopPropagation()}\n {...inputProps}\n label={null}\n />\n </div>\n );\n};\n\nexport default Editor;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst RenameMenu = withT(\n ({\n t,\n handleRenameClick,\n disabled,\n dropdownItems,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n isArchived,\n dropdownButtonProps,\n dropdownProps,\n }) => (\n <MoreDropdown\n dropdownButtonProps={{\n \"data-testid\": \"neeto-molecules-menu-button\",\n ...dropdownButtonProps,\n }}\n dropdownProps={{\n position: \"bottom-start\",\n onClick: event => event.stopPropagation(),\n strategy: \"fixed\",\n appendTo: () => document.body,\n ...dropdownProps,\n }}\n menuItems={[\n {\n \"data-cy\": \"form-rename-button\",\n onClick: handleRenameClick,\n label: t(\"neetoMolecules.common.actions.rename\"),\n isVisible: !disabled,\n key: \"edit-name-menu\",\n },\n {\n \"data-cy\": \"form-clone-button\",\n onClick: onClone,\n label: t(\"neetoMolecules.common.actions.clone\"),\n isVisible: isPresent(onClone),\n key: \"clone-entity-menu\",\n },\n {\n \"data-cy\": \"form-archive-button\",\n onClick: onArchiveStatusToggle,\n label: isArchived\n ? t(\"neetoMolecules.common.actions.unArchive\")\n : t(\"neetoMolecules.common.actions.archive\"),\n isVisible: isPresent(onArchiveStatusToggle),\n key: \"archive-entity-menu\",\n },\n {\n \"data-cy\": \"form-delete-button\",\n onClick: onDelete,\n label: t(\"neetoMolecules.common.actions.delete\"),\n isVisible: isPresent(onDelete),\n key: \"delete-entity-menu\",\n },\n ...dropdownItems,\n ]}\n />\n )\n);\n\nexport default RenameMenu;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport RenameMenu from \"./RenameMenu\";\n\nconst ViewName = ({\n disabled,\n textProps,\n formatText,\n dropdownItems,\n hideMenu,\n handleRenameClick,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n name,\n isArchived,\n dropdownButtonProps,\n dropdownProps,\n}) => {\n const isDefaultMenuCallbacksPresent =\n isPresent(onArchiveStatusToggle) \|\|\n isPresent(onDelete) \|\|\n isPresent(onClone);\n\n const isMenuVisible =\n !hideMenu &&\n (isNotEmpty(dropdownItems) \|\| !disabled \|\| isDefaultMenuCallbacksPresent);\n\n return (\n <>\n <Typography\n component=\"p\"\n data-cy=\"form-title\"\n data-testid=\"neeto-molecules-value-display\"\n style=\"body2\"\n className={classNames(\n \"neeto-molecules-rename__text neeto-molecules-rename__display-text w-full truncate\",\n {\n \"cursor-pointer\": !disabled,\n \"pointer-events-none cursor-text\": disabled,\n }\n )}\n onClick={handleRenameClick}\n {...textProps}\n >\n {typeof formatText === \"function\" ? formatText(name) : name}\n </Typography>\n {isMenuVisible && (\n <RenameMenu\n {...{\n disabled,\n dropdownButtonProps,\n dropdownItems,\n dropdownProps,\n handleRenameClick,\n isArchived,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n }}\n />\n )}\n </>\n );\n};\n\nexport default ViewName;\n","import React, { useState, useRef, useMemo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, notEquals } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Breadcrumbs from \"components/Breadcrumbs\";\n\nimport EditName from \"./EditName\";\nimport \"./rename.scss\";\nimport ViewName from \"./ViewName\";\n\nconst Rename = ({\n value,\n onRename,\n onClone,\n onArchiveStatusToggle,\n onDelete,\n isArchived,\n isOpen = false,\n isLoading = false,\n placeholder = \"\",\n hideMenu = false,\n disabled = false,\n dropdownItems = [],\n breadcrumbs = [],\n textProps = {},\n inputProps = {},\n submitButtonProps = {},\n cancelButtonProps = {},\n className = \"\",\n allowEmptySubmission = false,\n defaultName = \"\",\n formatText,\n dropdownButtonProps = {},\n dropdownProps = {},\n}) => {\n const [name, setName] = useStateWithDependency(value ?? \"\");\n const [editMode, setEditMode] = useState(isOpen);\n const renameRef = useRef(null);\n\n const initialName = useMemo(() => name, [editMode]);\n\n useOnClickOutside(\n renameRef,\n () =>\n editMode &&\n handleClose({ saveOnOutsideClick: notEquals(name, initialName) })\n );\n\n const handleRename = (event, name) => {\n event?.stopPropagation();\n const newName = allowEmptySubmission && isEmpty(name) ? defaultName : name;\n setName(newName);\n onRename?.(newName);\n setEditMode(false);\n };\n\n const handleClose = ({ event = null, saveOnOutsideClick = false }) => {\n event?.stopPropagation();\n saveOnOutsideClick ? handleRename(event, name) : setName(value);\n setEditMode(false);\n };\n\n const handleRenameClick = event => {\n event.stopPropagation();\n !disabled && setEditMode(true);\n };\n\n const editNameProps = {\n allowEmptySubmission,\n cancelButtonProps,\n handleClose,\n handleRename,\n inputProps,\n isLoading,\n name,\n placeholder,\n setName,\n submitButtonProps,\n editMode,\n };\n\n const viewNameProps = {\n disabled,\n dropdownItems,\n formatText,\n handleRenameClick,\n hideMenu,\n name,\n isArchived,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n textProps,\n dropdownButtonProps,\n dropdownProps,\n };\n\n return (\n <div\n ref={renameRef}\n className={classnames(\n \"neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center\",\n className\n )}\n >\n {isNotEmpty(breadcrumbs) && (\n <Breadcrumbs\n {...{ breadcrumbs }}\n hasTrailingSeparator\n className=\"neeto-molecules-rename-breadcrumbs\"\n />\n )}\n <div className=\"relative flex max-w-full items-center gap-x-2\">\n {editMode ? (\n <EditName {...editNameProps} />\n ) : (\n <ViewName {...viewNameProps} />\n )}\n </div>\n </div>\n );\n};\n\nRename.propTypes = {\n /*\n To provide additional classes to the component.\n /\n className: PropTypes.string,\n /\n To allow empty submission.\n /\n allowEmptySubmission: PropTypes.bool,\n /\n Default value to be used on empty submission.\n /\n defaultName: PropTypes.string,\n /\n To specify the text to be displayed in the component.\n /\n value: PropTypes.string,\n /\n To specify the function to be triggered when renamed.\n /\n onRename: PropTypes.func,\n /\n To specify the function to be triggered when Clone menu is clicked. The menu will be hidden if this prop is not set.\n /\n onClone: PropTypes.func,\n /\n To specify the function to be triggered when Archive menu is clicked. The menu will be hidden if this prop is not set.\n /\n onArchiveStatusToggle: PropTypes.func,\n /\n To specify whether the entity is archived or not. The text in the menu will be changed based on this to Archive or Unarchive.\n /\n isArchived: PropTypes.bool,\n /\n To specify the function to be triggered when Delete menu is clicked. The menu will be hidden if this prop is not set.\n /\n onDelete: PropTypes.func,\n /\n To specify whether edit mode is enabled or not.\n /\n isOpen: PropTypes.bool,\n /\n To specify whether the edit buttons are in loading state or not.\n /\n isLoading: PropTypes.bool,\n /\n To specify the placeholder for the input component in edit mode.\n /\n placeholder: PropTypes.string,\n /\n To specify whether the dropdown menu should be hidden or not.\n /\n hideMenu: PropTypes.bool,\n /\n To specify whether the rename option in dropdown should be enabled. If it is the only option in dropdown, the menu will be hidden.\n /\n disabled: PropTypes.bool,\n /\n To specify additional items for the dropdown menu.\n /\n dropdownItems: PropTypes.array,\n /\n To specify the breadcrumbs if used in the title of `Header` component.\n /\n breadcrumbs: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string,\n })\n ),\n /\n To override the properties of the Typography component that displays the `value`.\n /\n textProps: PropTypes.object,\n /\n To override the properties of the Input component in edit mode.\n /\n inputProps: PropTypes.object,\n /\n To format the value to display when not in edit mode.\n /\n formatText: PropTypes.func,\n /\n To override the properties of the submit button.\n /\n submitButtonProps: PropTypes.object,\n /\n To override the properties of the cancel button.\n */\n cancelButtonProps: PropTypes.object,\n};\n\nexport default Rename;\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","Editor","_ref","placeholder","allowEmptySubmission","name","isLoading","handleRename","submitButtonProps","handleClose","cancelButtonProps","setName","inputProps","editMode","closeRef","useHotkeys","event","mode","enabled","submitRef","isEmpty","React","createElement","className","replace","Input","_extends","autoFocus","value","suffix","Button","disabled","icon","Check","loading","style","onClick","Close","onChange","withEventTargetValue","stopPropagation","label","RenameMenu","withT","t","handleRenameClick","dropdownItems","onArchiveStatusToggle","onClone","onDelete","isArchived","dropdownButtonProps","dropdownProps","MoreDropdown","_objectSpread","position","strategy","appendTo","document","body","menuItems","isVisible","key","isPresent","concat","_toConsumableArray","ViewName","textProps","formatText","hideMenu","isDefaultMenuCallbacksPresent","isMenuVisible","isNotEmpty","Fragment","Typography","component","classNames","Rename","onRename","_ref$isOpen","isOpen","_ref$isLoading","_ref$placeholder","_ref$hideMenu","_ref$disabled","_ref$dropdownItems","_ref$breadcrumbs","breadcrumbs","_ref$textProps","_ref$inputProps","_ref$submitButtonProp","_ref$cancelButtonProp","_ref$className","_ref$allowEmptySubmis","_ref$defaultName","defaultName","_ref$dropdownButtonPr","_ref$dropdownProps","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","_useState","useState","_useState2","setEditMode","renameRef","useRef","initialName","useMemo","useOnClickOutside","saveOnOutsideClick","notEquals","newName","_ref2","_ref2$event","_ref2$saveOnOutsideCl","editNameProps","viewNameProps","classnames","Breadcrumbs","hasTrailingSeparator","EditName"],"mappings":"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"}

package/dist/Settings.js CHANGED Viewed

@@ -1,30 +1,29 @@
 import React__default, { memo, useEffect } from 'react';
 import classnames from 'classnames';
 import useQueryParams from '@bigbinary/neeto-commons-frontend/react-utils/useQueryParams';
-import { Typography, NoData } from '@bigbinary/neetoui';
+import { Typography, Tag, NoData } from '@bigbinary/neetoui';
 import { omit, isEmpty } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import Header from './Header.js';
 import { _ as _extends } from './extends-093996c9.js';
-import IntegrationCard from './IntegrationCard.js';
+import { _ as _defineProperty } from './defineProperty-549061a7.js';
 import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import { hyphenate, filterBy, isNotEmpty } from '@bigbinary/neeto-cist';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { Check } from '@bigbinary/neeto-icons';
 import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils/general';
 import { withRouter, Link } from 'react-router-dom';
-import { _ as _defineProperty } from './defineProperty-549061a7.js';
-import { filterBy, isNotEmpty } from '@bigbinary/neeto-cist';
 import './Breadcrumbs.js';
 import './inject-css-c86de496.js';
 import './Search.js';
 import './slicedToArray-b4278ecd.js';
 import '@bigbinary/neeto-commons-frontend/react-utils/useFuncDebounce';
 import '@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect';
-import '@bigbinary/neeto-icons';
 import '@bigbinary/neeto-commons-frontend/utils';
-import './MoreDropdown.js';
-var UNSUPPORTED_LINK_PROPS = ["staticContext"];
+var UNSUPPORTED_LINK_PROPS = ["staticContext", "tReady"];
-var _excluded = ["label", "description", "icon", "path", "dataCy", "className"];
+var _excluded$1 = ["label", "description", "icon", "path", "dataCy", "className", "children"];
 var Item = function Item(_ref) {
   var label = _ref.label,
     description = _ref.description,
@@ -34,11 +33,12 @@ var Item = function Item(_ref) {
     dataCy = _ref.dataCy,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
+    children = _ref.children,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
   return /*#__PURE__*/React__default.createElement(Link, _extends({
     "data-cy": dataCy,
     to: path,
-    className: classnames("neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col border p-6 no-underline outline-none transition-colors", className)
+    className: classnames("neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col space-y-2 border p-6 no-underline outline-none transition-colors", className)
   }, omit(UNSUPPORTED_LINK_PROPS, otherProps)), /*#__PURE__*/React__default.createElement("div", {
     "data-testid": "settings-item-".concat(joinHyphenCase(label))
   }, Icon && /*#__PURE__*/React__default.createElement(Icon, {
@@ -52,16 +52,46 @@ var Item = function Item(_ref) {
   }, label), /*#__PURE__*/React__default.createElement(Typography, {
     "data-cy": "settings-item-description",
     style: "body2"
-  }, description)));
+  }, description)), children && /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-border-gray-300 border-t pt-3"
+  }, children));
 };
 var Item$1 = /*#__PURE__*/memo(withRouter(Item));
+var _excluded = ["t", "isConnected", "icon", "description", "label", "path"];
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var IntegrationItem = withT(function (_ref) {
+  var t = _ref.t,
+    isConnected = _ref.isConnected,
+    icon = _ref.icon,
+    description = _ref.description,
+    label = _ref.label,
+    path = _ref.path,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement(Item$1, _extends({}, _objectSpread$1({
+    description: description,
+    icon: icon,
+    label: label,
+    path: path
+  }, otherProps), {
+    dataCy: "".concat(hyphenate(label), "-integration-card")
+  }), isConnected && /*#__PURE__*/React__default.createElement(Tag, {
+    className: "flex-row-reverse",
+    "data-cy": "integration-status-tag",
+    icon: Check,
+    label: t("neetoMolecules.integrationCard.connected"),
+    style: "success"
+  }));
+});
+var IntegrationItem$1 = /*#__PURE__*/React__default.memo(IntegrationItem);
 var Category = function Category(_ref) {
   var items = _ref.items,
     label = _ref.label,
     id = _ref.id,
     isIntegration = _ref.isIntegration;
-  var SettingsCard = isIntegration ? IntegrationCard : Item$1;
+  var SettingsCard = isIntegration ? IntegrationItem$1 : Item$1;
   return /*#__PURE__*/React__default.createElement("div", {
     id: id,
     className: "flex flex-col py-6"

package/dist/Settings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Settings.js","sources":["../src/components/Settings/constants.js","../src/components/Settings/Item.jsx","../src/components/Settings/Category.jsx","../src/components/Settings/utils.js","../src/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\"];\n","import React, { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\n\nconst Item = ({\n label,\n description,\n icon: Icon = null,\n path,\n dataCy,\n className = \"\",\n ...otherProps\n}) => (\n <Link\n data-cy={dataCy}\n to={path}\n className={classnames(\n \"neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col border p-6 no-underline outline-none transition-colors\",\n className\n )}\n {...omit(UNSUPPORTED_LINK_PROPS, otherProps)}\n >\n <div data-testid={`settings-item-${joinHyphenCase(label)}`}>\n {Icon && <Icon className=\"neeto-ui-text-gray-600 mb-4\" size={32} />}\n <Typography\n className=\"mb-2\"\n data-cy=\"settings-item-heading\"\n style=\"h4\"\n weight=\"semibold\"\n >\n {label}\n </Typography>\n <Typography data-cy=\"settings-item-description\" style=\"body2\">\n {description}\n </Typography>\n </div>\n </Link>\n);\n\nexport default memo(withRouter(Item));\n","import React from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nimport IntegrationCard from \"components/IntegrationCard\";\n\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n const SettingsCard = isIntegration ? IntegrationCard : Item;\n\n return (\n <div {...{ id }} className=\"flex flex-col py-6\">\n <Typography\n className=\"mb-6\"\n component=\"h2\"\n data-cy=\"settings-category-heading\"\n style=\"h2\"\n weight=\"semibold\"\n >\n {label}\n </Typography>\n <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-2 lg:gap-6 xl:grid-cols-3 2xl:grid-cols-4\">\n {items.map(item => (\n <SettingsCard key={item.label} {...item} />\n ))}\n </div>\n </div>\n );\n};\n\nexport default Category;\n","import { filterBy, isNotEmpty } from \"neetocist\";\n\nconst isTextMatching = (label, searchTerm) =>\n label.toLowerCase().includes(searchTerm.trim().toLowerCase());\n\nexport const scrollIntoSettingCategory = activeCategory => {\n document.getElementById(activeCategory)?.scrollIntoView({\n behavior: \"smooth\",\n });\n};\n\nexport const filterCategories = ({ categories = [], searchTerm = \"\" }) => {\n const isSearchTermBlank = !searchTerm.trim();\n\n const filteredCategories = isSearchTermBlank\n ? categories\n : categories.map(category => ({\n ...category,\n items: filterBy(\n ({ label, description }) =>\n isTextMatching(label, searchTerm) \|\|\n isTextMatching(description, searchTerm),\n category.items\n ),\n }));\n\n return filterBy({ items: isNotEmpty }, filteredCategories);\n};\n","import React, { useEffect } from \"react\";\n\nimport classNames from \"classnames\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport { NoData } from \"neetoui\";\nimport propTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Header from \"components/Header\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nconst Settings = ({ isTitleHidden = false, categories = [] }) => {\n const { t } = useTranslation();\n\n const { category: categoryParam, searchTerm = \"\" } = useQueryParams();\n\n const filteredCategories = filterCategories({ categories, searchTerm });\n\n useEffect(() => {\n scrollIntoSettingCategory(categoryParam);\n }, [categoryParam]);\n\n return (\n <div\n className={classNames(\"neeto-molecules-container\", {\n \"h-auto overflow-y-auto\": isTitleHidden,\n })}\n >\n <Header\n className={classNames({ \"min-h-0 pb-4 pt-8\": isTitleHidden })}\n title={!isTitleHidden && t(\"neetoMolecules.settingsPage.title\")}\n searchProps={{\n className: \"w-72\",\n placeholder: t(\"neetoMolecules.settingsPage.placeholder.search\"),\n }}\n />\n {isEmpty(filteredCategories) ? (\n <div\n className=\"flex h-full w-full flex-grow items-center justify-center\"\n data-testid=\"settings-no-data\"\n >\n <NoData title={t(\"neetoMolecules.settingsPage.noData\")} />\n </div>\n ) : (\n <div className=\"w-full space-y-12\">\n {filteredCategories.map(({ id, label, items, isIntegration }) => (\n <Category {...{ id, isIntegration, items, label }} key={id} />\n ))}\n </div>\n )}\n </div>\n );\n};\n\nSettings.propTypes = {\n /*\n Whether to hide the title or not.\n /\n isTitleHidden: propTypes.bool,\n /\n An array of setting categories to be displayed.\n */\n categories: propTypes.array,\n};\n\nexport default Settings;\n"],"names":["UNSUPPORTED_LINK_PROPS","Item","_ref","label","description","_ref$icon","icon","Icon","path","dataCy","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","React","createElement","Link","_extends","to","classnames","omit","concat","joinHyphenCase","size","Typography","style","weight","memo","withRouter","Category","items","id","isIntegration","SettingsCard","IntegrationCard","component","map","item","key","isTextMatching","searchTerm","toLowerCase","includes","trim","scrollIntoSettingCategory","activeCategory","_document$getElementB","document","getElementById","scrollIntoView","behavior","filterCategories","_ref$categories","categories","_ref$searchTerm","isSearchTermBlank","filteredCategories","category","_objectSpread","filterBy","_ref2","isNotEmpty","Settings","_ref$isTitleHidden","isTitleHidden","_useTranslation","useTranslation","t","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","useEffect","classNames","Header","title","searchProps","placeholder","isEmpty","NoData"],"mappings":"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"}
1	+ {"version":3,"file":"Settings.js","sources":["../src/components/Settings/constants.js","../src/components/Settings/Item.jsx","../src/components/Settings/IntegrationItem.jsx","../src/components/Settings/Category.jsx","../src/components/Settings/utils.js","../src/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\", \"tReady\"];\n","import React, { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\n\nconst Item = ({\n label,\n description,\n icon: Icon = null,\n path,\n dataCy,\n className = \"\",\n children,\n ...otherProps\n}) => (\n <Link\n data-cy={dataCy}\n to={path}\n className={classnames(\n \"neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col space-y-2 border p-6 no-underline outline-none transition-colors\",\n className\n )}\n {...omit(UNSUPPORTED_LINK_PROPS, otherProps)}\n >\n <div data-testid={`settings-item-${joinHyphenCase(label)}`}>\n {Icon && <Icon className=\"neeto-ui-text-gray-600 mb-4\" size={32} />}\n <Typography\n className=\"mb-2\"\n data-cy=\"settings-item-heading\"\n style=\"h4\"\n weight=\"semibold\"\n >\n {label}\n </Typography>\n <Typography data-cy=\"settings-item-description\" style=\"body2\">\n {description}\n </Typography>\n </div>\n {children && (\n <div className=\"neeto-ui-border-gray-300 border-t pt-3\">{children}</div>\n )}\n </Link>\n);\n\nexport default memo(withRouter(Item));\n","import React from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Check } from \"neetoicons\";\nimport { Tag } from \"neetoui\";\n\nimport Item from \"./Item\";\n\nconst IntegrationItem = withT(\n ({ t, isConnected, icon, description, label, path, ...otherProps }) => (\n <Item\n {...{ description, icon, label, path, ...otherProps }}\n dataCy={`${hyphenate(label)}-integration-card`}\n >\n {isConnected && (\n <Tag\n className=\"flex-row-reverse\"\n data-cy=\"integration-status-tag\"\n icon={Check}\n label={t(\"neetoMolecules.integrationCard.connected\")}\n style=\"success\"\n />\n )}\n </Item>\n )\n);\n\nexport default React.memo(IntegrationItem);\n","import React from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nimport IntegrationItem from \"./IntegrationItem\";\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n const SettingsCard = isIntegration ? IntegrationItem : Item;\n\n return (\n <div {...{ id }} className=\"flex flex-col py-6\">\n <Typography\n className=\"mb-6\"\n component=\"h2\"\n data-cy=\"settings-category-heading\"\n style=\"h2\"\n weight=\"semibold\"\n >\n {label}\n </Typography>\n <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-2 lg:gap-6 xl:grid-cols-3 2xl:grid-cols-4\">\n {items.map(item => (\n <SettingsCard key={item.label} {...item} />\n ))}\n </div>\n </div>\n );\n};\n\nexport default Category;\n","import { filterBy, isNotEmpty } from \"neetocist\";\n\nconst isTextMatching = (label, searchTerm) =>\n label.toLowerCase().includes(searchTerm.trim().toLowerCase());\n\nexport const scrollIntoSettingCategory = activeCategory => {\n document.getElementById(activeCategory)?.scrollIntoView({\n behavior: \"smooth\",\n });\n};\n\nexport const filterCategories = ({ categories = [], searchTerm = \"\" }) => {\n const isSearchTermBlank = !searchTerm.trim();\n\n const filteredCategories = isSearchTermBlank\n ? categories\n : categories.map(category => ({\n ...category,\n items: filterBy(\n ({ label, description }) =>\n isTextMatching(label, searchTerm) \|\|\n isTextMatching(description, searchTerm),\n category.items\n ),\n }));\n\n return filterBy({ items: isNotEmpty }, filteredCategories);\n};\n","import React, { useEffect } from \"react\";\n\nimport classNames from \"classnames\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport { NoData } from \"neetoui\";\nimport propTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Header from \"components/Header\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nconst Settings = ({ isTitleHidden = false, categories = [] }) => {\n const { t } = useTranslation();\n\n const { category: categoryParam, searchTerm = \"\" } = useQueryParams();\n\n const filteredCategories = filterCategories({ categories, searchTerm });\n\n useEffect(() => {\n scrollIntoSettingCategory(categoryParam);\n }, [categoryParam]);\n\n return (\n <div\n className={classNames(\"neeto-molecules-container\", {\n \"h-auto overflow-y-auto\": isTitleHidden,\n })}\n >\n <Header\n className={classNames({ \"min-h-0 pb-4 pt-8\": isTitleHidden })}\n title={!isTitleHidden && t(\"neetoMolecules.settingsPage.title\")}\n searchProps={{\n className: \"w-72\",\n placeholder: t(\"neetoMolecules.settingsPage.placeholder.search\"),\n }}\n />\n {isEmpty(filteredCategories) ? (\n <div\n className=\"flex h-full w-full flex-grow items-center justify-center\"\n data-testid=\"settings-no-data\"\n >\n <NoData title={t(\"neetoMolecules.settingsPage.noData\")} />\n </div>\n ) : (\n <div className=\"w-full space-y-12\">\n {filteredCategories.map(({ id, label, items, isIntegration }) => (\n <Category {...{ id, isIntegration, items, label }} key={id} />\n ))}\n </div>\n )}\n </div>\n );\n};\n\nSettings.propTypes = {\n /*\n Whether to hide the title or not.\n /\n isTitleHidden: propTypes.bool,\n /\n An array of setting categories to be displayed.\n */\n categories: propTypes.array,\n};\n\nexport default Settings;\n"],"names":["UNSUPPORTED_LINK_PROPS","Item","_ref","label","description","_ref$icon","icon","Icon","path","dataCy","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","React","createElement","Link","_extends","to","classnames","omit","concat","joinHyphenCase","size","Typography","style","weight","memo","withRouter","IntegrationItem","withT","t","isConnected","_objectSpread","hyphenate","Tag","Check","Category","items","id","isIntegration","SettingsCard","component","map","item","key","isTextMatching","searchTerm","toLowerCase","includes","trim","scrollIntoSettingCategory","activeCategory","_document$getElementB","document","getElementById","scrollIntoView","behavior","filterCategories","_ref$categories","categories","_ref$searchTerm","isSearchTermBlank","filteredCategories","category","filterBy","_ref2","isNotEmpty","Settings","_ref$isTitleHidden","isTitleHidden","_useTranslation","useTranslation","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","useEffect","classNames","Header","title","searchProps","placeholder","isEmpty","NoData"],"mappings":"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"}

package/dist/cjs/Builder.js CHANGED Viewed

@@ -4,18 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var slicedToArray = require('./slicedToArray-f320d9e7.js');
 var React = require('react');
+var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
 var defineProperty = require('./defineProperty-886ed289.js');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
-var neetoIcons = require('@bigbinary/neeto-icons');
-var neetoui = require('@bigbinary/neetoui');
 var reactI18next = require('react-i18next');
-var injectCss = require('./inject-css-80a5faa3.js');
 var _extends = require('./extends-1b35a664.js');
-var classnames = require('classnames');
-var dnd = require('@hello-pangea/dnd');
 var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var injectCss = require('./inject-css-80a5faa3.js');
+var dnd = require('@hello-pangea/dnd');
 var MoreDropdown = require('./MoreDropdown.js');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
@@ -26,14 +27,18 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
-var css = ":root{--neeto-molecule-builder-left-sidebar-width:360px;--neeto-molecule-builder-left-sidebar-header-height:70px;--neeto-molecule-builder-left-sidebar-search-height:40px;--neeto-molecule-builder-right-sidebar-width:420px}.neeto-molecules-builder-elements-list-panel{height:100%;min-width:360px;min-width:var(--neeto-molecule-builder-left-sidebar-width);width:360px;width:var(--neeto-molecule-builder-left-sidebar-width)}.neeto-molecules-builder-questions-list-panel__scroll{height:calc(100% - 70px);height:calc(100% - var(--neeto-molecule-builder-left-sidebar-header-height));overflow-y:auto;padding:8px 24px}.neeto-molecules-builder-questions-list-panel__scroll.neeto-molecules-builder-questions-list-panel__scroll--small{height:calc(100% - 110px);height:calc(100% - var(--neeto-molecule-builder-left-sidebar-header-height) - var(--neeto-molecule-builder-left-sidebar-search-height))}.neeto-molecules-builder-elements-list{margin-bottom:24px}.neeto-molecules-builder-elements-list .neeto-ui-accordion__wrapper{border-bottom:none}.neeto-molecules-builder-elements-list .neeto-ui-accordion__wrapper .neeto-ui-accordion__item{padding:12px 0}.neeto-molecules-builder-elements-list .neeto-ui-accordion__wrapper .neeto-ui-accordion__item .neeto-ui-accordion__item-handle{color:rgb(var(--neeto-ui-gray-600));font-size:var(--neeto-ui-text-xs);font-weight:var(--neeto-ui-font-semibold);text-transform:uppercase;transition:var(--neeto-ui-transition)}.neeto-molecules-builder-elements-list .neeto-ui-accordion__wrapper .neeto-ui-accordion__item .neeto-ui-accordion__item-toggle-icon{transform:rotate(90deg)!important}.neeto-molecules-builder-elements-list .neeto-ui-accordion__wrapper .neeto-ui-accordion__item:hover{background-color:transparent}.neeto-molecules-builder-elements-list .neeto-ui-accordion__wrapper .neeto-ui-accordion__item.neeto-ui-accordion__item--open .neeto-ui-accordion__item-handle,.neeto-molecules-builder-elements-list .neeto-ui-accordion__wrapper .neeto-ui-accordion__item:hover .neeto-ui-accordion__item-handle{color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-builder-elements-list .neeto-ui-accordion__wrapper .neeto-ui-accordion__item.neeto-ui-accordion__item--open .neeto-ui-accordion__item-toggle-icon{transform:rotate(270deg)!important}.neeto-molecules-builder-elements-list .neeto-ui-accordion__wrapper .neeto-ui-accordion__drop{padding:0}.neeto-molecules-builder-element-properties-panel{height:100%;min-width:420px;min-width:var(--neeto-molecule-builder-right-sidebar-width);padding-left:24px;padding-top:24px;width:420px;width:var(--neeto-molecule-builder-right-sidebar-width)}.neeto-molecules-builder-element--active{border-color:rgb(var(--neeto-ui-primary-500))!important;box-shadow:0 0 0 1px rgb(var(--neeto-ui-primary-500))!important}";
+var css = ":root{--neeto-molecule-builder-left-sidebar-width:288px;--neeto-molecule-builder-left-sidebar-width-lg:360px;--neeto-molecule-builder-left-sidebar-header-height:70px;--neeto-molecule-builder-left-sidebar-search-height:40px;--neeto-molecule-builder-right-sidebar-width:420px}.neeto-molecules-builder-elements-list-panel__wrapper{height:100%;min-width:360px;min-width:var(--neeto-molecule-builder-left-sidebar-width-lg);position:relative;transition:all .15s;width:360px;width:var(--neeto-molecule-builder-left-sidebar-width-lg);z-index:101}@media screen and (min-width:768px) and (max-width:1279px){.neeto-molecules-builder-elements-list-panel__wrapper{min-width:288px;min-width:var(--neeto-molecule-builder-left-sidebar-width);width:288px;width:var(--neeto-molecule-builder-left-sidebar-width)}}@media screen and (max-width:767px){.neeto-molecules-builder-elements-list-panel__wrapper{left:0;position:fixed;top:0;transition:none}}@media screen and (max-width:576px){.neeto-molecules-builder-elements-list-panel__wrapper{height:100%;max-width:100%;min-width:0;width:100%}}.neeto-molecules-builder-elements-list-panel__wrapper--collapsed{max-width:0;min-width:0;width:0}.neeto-molecules-builder-elements-list-panel__wrapper--collapsed .neeto-molecules-builder-elements-list-panel__toggler{transform:scale(-1)}@media screen and (max-width:767px){.neeto-molecules-builder-elements-list-panel__wrapper--collapsed .neeto-molecules-builder-elements-list-panel__toggler{top:72px}}@media screen and (max-width:576px){.neeto-molecules-builder-elements-list-panel__wrapper--collapsed .neeto-molecules-builder-elements-list-panel__toggler{left:8px;right:auto}}.neeto-molecules-builder-elements-list-panel__container{height:100%;overflow:hidden;width:100%}.neeto-molecules-builder-elements-list-panel{height:100%;min-width:360px;min-width:var(--neeto-molecule-builder-left-sidebar-width-lg);width:360px;width:var(--neeto-molecule-builder-left-sidebar-width-lg)}@media screen and (min-width:768px) and (max-width:1279px){.neeto-molecules-builder-elements-list-panel{min-width:288px;min-width:var(--neeto-molecule-builder-left-sidebar-width);width:288px;width:var(--neeto-molecule-builder-left-sidebar-width)}}@media screen and (max-width:576px){.neeto-molecules-builder-elements-list-panel{padding-top:24px;width:100%}}.neeto-molecules-builder-elements-list-panel__toggler{flex-shrink:0;left:calc(100% + 8px);position:absolute;top:8px;transition:color .3s ease-in-out}@media screen and (min-width:1024px){.neeto-molecules-builder-elements-list-panel__toggler{opacity:0;pointer-events:none}}@media screen and (max-width:576px){.neeto-molecules-builder-elements-list-panel__toggler{left:24px}}.neeto-molecules-builder-questions-list-panel__scroll{height:calc(100% - 70px);height:calc(100% - var(--neeto-molecule-builder-left-sidebar-header-height));overflow-y:auto;padding:8px 24px;width:100%}.neeto-molecules-builder-questions-list-panel__scroll.neeto-molecules-builder-questions-list-panel__scroll--small{height:calc(100% - 110px);height:calc(100% - var(--neeto-molecule-builder-left-sidebar-header-height) - var(--neeto-molecule-builder-left-sidebar-search-height))}.neeto-molecules-builder-element-properties-panel__wrapper{height:100%;min-width:420px;min-width:var(--neeto-molecule-builder-right-sidebar-width);position:relative;transition:all .15s;width:420px;width:var(--neeto-molecule-builder-right-sidebar-width);z-index:101}.neeto-molecules-builder-element-properties-panel__wrapper .neeto-molecules-builder-properties-panel__close{opacity:0;pointer-events:none;position:absolute;right:8px;top:8px}@media screen and (max-width:1279px){.neeto-molecules-builder-element-properties-panel__wrapper .neeto-molecules-builder-properties-panel__close{opacity:1;pointer-events:all}.neeto-molecules-builder-element-properties-panel__wrapper{position:fixed;right:0;top:0;transition:none}}@media screen and (max-width:576px){.neeto-molecules-builder-element-properties-panel__wrapper{height:100%;max-width:100%;min-width:0;width:100%}}.neeto-molecules-builder-element-properties-panel__wrapper--collapsed{max-width:0;min-width:0;width:0}.neeto-molecules-builder-element-properties-panel{display:flex;flex-direction:column;height:100%;min-width:0;overflow-y:auto;padding-left:24px;padding-top:24px;width:100%}.neeto-molecules-builder-element-properties-panel--collapsed{max-width:0;min-width:0;padding:0;width:0}@media screen and (max-width:1279px){.neeto-molecules-builder-element-properties-panel{padding-top:48px}}.neeto-molecules-builder-element--active{border-color:rgb(var(--neeto-ui-primary-500))!important;box-shadow:0 0 0 1px rgb(var(--neeto-ui-primary-500))!important}.neeto-molecules-builder-panel__backdrop{background-color:rgba(var(--neeto-ui-black),.4);display:none;height:100%;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:101}@media screen and (max-width:767px){.neeto-molecules-builder-panel__backdrop{display:block;visibility:visible}}@media screen and (max-width:1279px){.neeto-molecules-builder-panel__backdrop--extended{display:block;visibility:visible}}";
 injectCss.n(css,{});
-var Body = function Body(props) {
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-builder-questions-list-panel__scroll neeto-molecules-builder-questions-list-panel__scroll--small",
-    "data-testid": props["data-testid"]
-  }, props.children);
+var _excluded$1 = ["size"];
+var Body = function Body(_ref) {
+  var size = _ref.size,
+    props = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({}, props, {
+    className: classnames__default["default"]("neeto-molecules-builder-questions-list-panel__scroll", {
+      "neeto-molecules-builder-questions-list-panel__scroll--small": size === "small"
+    })
+  }));
 };
 var Element = function Element(_ref) {
@@ -144,9 +149,8 @@ var ElementList = function ElementList(_ref) {
     value: searchString,
     onChange: general.withEventTargetValue(setSearchString)
   })), /*#__PURE__*/React__default["default"].createElement(Body, {
-    "data-testid": "elements-container"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-builder-questions-list-panel__scroll--small"
+    "data-testid": "elements-container",
+    size: "small"
   }, filteredSections.map(function (section) {
     return /*#__PURE__*/React__default["default"].createElement(Section, {
       onSelect: onSelect,
@@ -155,7 +159,7 @@ var ElementList = function ElementList(_ref) {
       key: section.key,
       title: section.title
     });
-  }))));
+  })));
 };
 var _excluded = ["element", "isActive", "handleSelectElement", "isSelectable", "errors", "actions"];
@@ -379,13 +383,34 @@ var ElementsPanel = function ElementsPanel(_ref) {
     _useState2 = slicedToArray._slicedToArray(_useState, 2),
     isElementsListVisible = _useState2[0],
     setIsElementsListVisible = _useState2[1];
+  var _useBreakpoints = reactUtils.useBreakpoints(),
+    isSize = _useBreakpoints.isSize;
+  var isLargerScreen = !isSize("mobile");
+  var _useState3 = React.useState(!isLargerScreen),
+    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    isElementsPanelCollapsed = _useState4[0],
+    setIsElementsPanelCollapsed = _useState4[1];
   var isSelectedElementsEmpty = ramda.isEmpty(selectedElements);
   var shouldShowElementsList = isSelectedElementsEmpty || isElementsListVisible;
   var handleElementSelect = function handleElementSelect(element) {
     setIsElementsListVisible(false);
     handleAddElement(element);
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  React.useEffect(function () {
+    setIsElementsPanelCollapsed(!isLargerScreen);
+  }, [isLargerScreen]);
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !isElementsPanelCollapsed && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-builder-panel__backdrop",
+    onClick: function onClick() {
+      setIsElementsPanelCollapsed(!isElementsPanelCollapsed);
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames__default["default"]("neeto-molecules-builder-elements-list-panel__wrapper", {
+      "neeto-molecules-builder-elements-list-panel__wrapper--collapsed": isElementsPanelCollapsed
+    })
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-builder-elements-list-panel__container"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-builder-elements-list-panel neeto-ui-bg-gray-100",
     onClick: function onClick(event) {
       return event.stopPropagation();
@@ -410,13 +435,20 @@ var ElementsPanel = function ElementsPanel(_ref) {
     selectedElements: selectedElements,
     setIsElementsListVisible: setIsElementsListVisible,
     showElementsFillButton: showElementsFillButton
-  }));
+  }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    className: "neeto-molecules-builder-elements-list-panel__toggler",
+    icon: neetoIcons.Collapse,
+    style: "secondary",
+    onClick: function onClick() {
+      setIsElementsPanelCollapsed(!isElementsPanelCollapsed);
+    }
+  })));
 };
 var EmptyProperty = withT__default["default"](function (_ref) {
   var t = _ref.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-4 "
+    className: "space-y-4 pb-6 pr-6"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-bg-gray-200 neeto-ui-text-gray-600 neeto-ui-rounded-lg flex w-full flex-col items-center justify-center space-y-2 px-16 py-8"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
@@ -434,7 +466,7 @@ var EmptyProperty = withT__default["default"](function (_ref) {
 var Skeleton = withT__default["default"](function (_ref) {
   var t = _ref.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-4 pr-6"
+    className: "space-y-4 pb-6 pr-6"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-bg-gray-200 neeto-ui-rounded-lg h-12 w-full"
   }), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -452,11 +484,47 @@ var Skeleton = withT__default["default"](function (_ref) {
 });
 var PropertiesPanel = function PropertiesPanel(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  var id = _ref.id,
+    children = _ref.children,
+    onClose = _ref.onClose;
+  var _useBreakpoints = reactUtils.useBreakpoints(function (window) {
+      return {
+        largeDesktop: window.innerWidth >= 1280
+      };
+    }),
+    isSize = _useBreakpoints.isSize;
+  var isLargerScreen = isSize("largeDesktop");
+  var _useState = React.useState(!isLargerScreen),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    isPropertiesPanelCollapsed = _useState2[0],
+    setIsPropertiesPanelCollapsed = _useState2[1];
+  React.useEffect(function () {
+    setIsPropertiesPanelCollapsed(!isLargerScreen);
+  }, [isLargerScreen]);
+  React.useEffect(function () {
+    if (!id) return;
+    setIsPropertiesPanelCollapsed(false);
+  }, [id]);
+  var handleCollapsePanel = function handleCollapsePanel() {
+    setIsPropertiesPanelCollapsed(!isPropertiesPanelCollapsed);
+    onClose === null || onClose === void 0 ? void 0 : onClose(id);
+  };
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !isPropertiesPanelCollapsed && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-builder-panel__backdrop neeto-molecules-builder-panel__backdrop--extended",
+    onClick: handleCollapsePanel
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames__default["default"]("neeto-molecules-builder-element-properties-panel__wrapper", {
+      "neeto-molecules-builder-element-properties-panel__wrapper--collapsed": isPropertiesPanelCollapsed
+    })
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-builder-element-properties-panel neeto-ui-bg-gray-100",
     "data-cy": "properties-panel"
-  }, children !== null && children !== void 0 ? children : /*#__PURE__*/React__default["default"].createElement(Skeleton, null));
+  }, children !== null && children !== void 0 ? children : /*#__PURE__*/React__default["default"].createElement(Skeleton, null)), !isPropertiesPanelCollapsed && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    className: "neeto-molecules-builder-properties-panel__close",
+    icon: neetoIcons.Close,
+    style: "secondary",
+    onClick: handleCollapsePanel
+  })));
 };
 PropertiesPanel.EmptyProperty = EmptyProperty;