@bigbinary/neeto-molecules 4.1.0-beta1 → 4.1.1

package/dist/cjs/ToggleFeatureCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleFeatureCard.js","sources":["../../src/components/ToggleFeatureCard/hooks/useScrollIntoView.js","../../src/components/ToggleFeatureCard/ToolTipSwitch.jsx","../../src/components/ToggleFeatureCard/index.jsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nconst useScrollIntoView = ({ elementId, trigger }) => {\n  useEffect(() => {\n    if (!trigger) return;\n    document.getElementById(elementId)?.scrollIntoView();\n  }, [trigger]);\n};\n\nexport default useScrollIntoView;\n","import { Tooltip } from \"neetoui\";\nimport { Switch as FormikSwitch } from \"neetoui/formik\";\n\nconst TooltipSwitch = ({\n  enabledCondition,\n  name = \"\",\n  isDisabled = false,\n  switchDataCy,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const { enabledSwitchText, disabledSwitchText, ...neetoUITooltipProps } =\n    tooltipProps;\n\n  const tooltipContent = enabledCondition\n    ? enabledSwitchText\n    : disabledSwitchText;\n\n  return (\n    <Tooltip\n      content={tooltipContent}\n      disabled={!tooltipContent}\n      position=\"top\"\n      {...neetoUITooltipProps}\n    >\n      <span>\n        <FormikSwitch\n          data-cy={switchDataCy}\n          data-testid=\"toggle-feature-card-switch\"\n          disabled={isDisabled}\n          {...{ name, ...otherProps }}\n        />\n      </span>\n    </Tooltip>\n  );\n};\n\nexport default TooltipSwitch;\n","import { useRef, useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport { slugify } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Close } from \"neetoicons\";\nimport { Typography, Label, Button } from \"neetoui\";\nimport { Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZES } from \"./constants\";\nimport useScrollIntoView from \"./hooks/useScrollIntoView\";\nimport \"./toggleFeatureCard.scss\";\nimport TooltipSwitch from \"./ToolTipSwitch\";\n\nconst ToggleFeatureCard = ({\n  isCardStyleEnabled = true,\n  title = \"\",\n  description = null,\n  switchName = \"switch\",\n  titleDataCy = \"\",\n  switchDataCy = \"\",\n  descriptionDataCy = \"\",\n  isDisabled = false,\n  children = null,\n  inputProps,\n  switchProps = {},\n  editButtonProps = {},\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n  const cardRef = useRef();\n  const id = slugify(title);\n\n  const [isEditing, setIsEditing] = useState(false);\n\n  const { setFieldValue, values, submitCount, errors, initialValues } =\n    useFormikContext();\n\n  useEffect(() => {\n    if (!(submitCount >= 1 && isEmpty(errors))) return;\n    setIsEditing(false);\n  }, [submitCount]);\n\n  useEffect(() => {\n    if (isEmpty(errors)) return;\n    setIsEditing(true);\n  }, [values, errors]);\n\n  const [shouldHighlight, setShouldHighlight] = useState(\n    location.hash.split(\"#\")[1] === id\n  );\n\n  const hasInput = values?.[switchName] && inputProps?.name;\n  const enabledCondition = values?.[switchName];\n\n  const handleInputReset = () => {\n    setIsEditing(false);\n    hasInput &&\n      setFieldValue(inputProps?.name, initialValues?.[inputProps?.name]);\n  };\n\n  useOnClickOutside(cardRef, () => setShouldHighlight(false));\n\n  useScrollIntoView({ elementId: id, trigger: shouldHighlight });\n\n  const inputRef = useHotkeys(\"enter\", () => setIsEditing(false), {\n    mode: \"scoped\",\n  });\n\n  return (\n    <div\n      {...{ id }}\n      data-cy=\"feature-card-container\"\n      data-testid=\"toggle-feature-card\"\n      ref={cardRef}\n      className={classnames(\n        \"neeto-ui-bg-white  neeto-ui-rounded-lg flex flex-col gap-y-2\",\n        { \"border p-4\": isCardStyleEnabled },\n        { \"neeto-ui-border-gray-300\": !shouldHighlight },\n        { \"toggle-feature-card--highlighted\": shouldHighlight },\n        className\n      )}\n    >\n      <Label className=\"flex flex-row items-center gap-2\">\n        <TooltipSwitch\n          {...{\n            enabledCondition,\n            isDisabled,\n            switchDataCy,\n            ...switchProps,\n          }}\n          name={switchName}\n        />\n        <Typography\n          className=\"leading-snug\"\n          component=\"span\"\n          data-cy={titleDataCy}\n          data-testid=\"toggle-feature-card-title\"\n          style=\"h4\"\n          weight=\"semibold\"\n        >\n          {title}\n        </Typography>\n      </Label>\n      <Typography\n        className=\"mb-4 whitespace-pre-line\"\n        data-cy={descriptionDataCy}\n        data-testid=\"toggle-feature-card-description\"\n        style=\"body2\"\n      >\n        {description}\n      </Typography>\n      {hasInput && !isEditing && (\n        <div className=\"m-0 flex flex-row items-center gap-x-2\">\n          {inputProps?.display}\n          <Button\n            data-cy={inputProps?.editButtonDataCy}\n            data-testid=\"toggle-feature-card-input-display-edit\"\n            label={t(\"neetoMolecules.common.actions.edit\")}\n            size=\"small\"\n            style=\"link\"\n            type=\"button\"\n            onClick={() => setIsEditing(true)}\n            {...editButtonProps}\n          />\n        </div>\n      )}\n      {hasInput && isEditing && (\n        <Input\n          autoFocus\n          data-cy={inputProps?.dataCy}\n          data-testid=\"toggle-feature-card-input-field\"\n          label={inputProps?.label}\n          name={inputProps?.name}\n          placeholder={inputProps?.placeholder}\n          ref={inputRef}\n          size=\"medium\"\n          suffix={\n            <Button\n              data-testid=\"toggle-feature-card-input-reset\"\n              icon={Close}\n              size=\"small\"\n              style=\"text\"\n              type=\"button\"\n              onClick={handleInputReset}\n            />\n          }\n          {...inputProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nToggleFeatureCard.propTypes = {\n  /**\n   * The title that will be displayed for the card.\n   */\n  title: PropTypes.string,\n  /**\n   * The descripton text for the particular feature or setting.\n   */\n  description: PropTypes.string,\n  /**\n   * The formik name of the feature or setting to be toggled. eg:\n  {switchName: \"enableEmails\"}.\n   */\n  switchName: PropTypes.string,\n  /**\n   * Can be used to disable the toggle switch conditionally.\n   */\n  isDisabled: PropTypes.bool,\n  /**\n   * Can be used to enable the card appearance.\n   */\n  isCardStyleEnabled: PropTypes.bool,\n  /**\n   * Custom child components to be displayed in the card.\n   */\n  children: PropTypes.node,\n  /**\n   * Can be used to add an input field for a setting or a feature.\n    For example, `Enable email notifications` card can have an email input field.\n   */\n  inputProps: PropTypes.shape({\n    name: PropTypes.string,\n    display: PropTypes.node,\n    label: PropTypes.string,\n    editButtonTooltip: PropTypes.string,\n    editButtonDataCy: PropTypes.string,\n    placeholder: PropTypes.string,\n    dataCy: PropTypes.string,\n    onChange: PropTypes.func,\n    suffix: PropTypes.node,\n    prefix: PropTypes.node,\n    className: PropTypes.string,\n    nakedInput: PropTypes.bool,\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    type: PropTypes.string,\n    maxLength: PropTypes.number,\n    contentSize: PropTypes.number,\n    unlimitedChars: PropTypes.bool,\n  }),\n  /**\n   * Can be used to add props to the switch component.\n   */\n  switchProps: PropTypes.shape({\n    onChange: PropTypes.func,\n    className: PropTypes.string,\n    checked: PropTypes.bool,\n    tooltipProps: PropTypes.shape({\n      enabledSwitchText: PropTypes.string,\n      disabledSwitchText: PropTypes.string,\n    }),\n  }),\n  /**\n   * Can be used to add props to the edit button component.\n   */\n  editButtonProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    className: PropTypes.string,\n    style: PropTypes.string,\n    size: PropTypes.string,\n    type: PropTypes.string,\n    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * To specify external classnames as overrides to the ToggleFeatureCard wrapper.\n   */\n  className: PropTypes.string,\n};\n\nexport default ToggleFeatureCard;\n"],"names":["useScrollIntoView","_ref","elementId","trigger","useEffect","_document$getElementB","document","getElementById","scrollIntoView","TooltipSwitch","enabledCondition","_ref$name","name","_ref$isDisabled","isDisabled","switchDataCy","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","enabledSwitchText","disabledSwitchText","neetoUITooltipProps","_excluded2","tooltipContent","_jsx","Tooltip","_objectSpread","content","disabled","position","children","FormikSwitch","ToggleFeatureCard","_ref$isCardStyleEnabl","isCardStyleEnabled","_ref$title","title","_ref$description","description","_ref$switchName","switchName","_ref$titleDataCy","titleDataCy","_ref$switchDataCy","_ref$descriptionDataC","descriptionDataCy","_ref$children","inputProps","_ref$switchProps","switchProps","_ref$editButtonProps","editButtonProps","_ref$className","className","_useTranslation","useTranslation","t","cardRef","useRef","id","slugify","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useFormikContext","useFormikContext","setFieldValue","values","submitCount","errors","initialValues","isEmpty","_useState3","location","hash","split","_useState4","shouldHighlight","setShouldHighlight","hasInput","handleInputReset","useOnClickOutside","inputRef","useHotkeys","mode","_jsxs","ref","classnames","Label","Typography","component","style","weight","display","Button","editButtonDataCy","label","size","type","onClick","Input","autoFocus","dataCy","placeholder","suffix","icon","Close"],"mappings":"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"}
+{"version":3,"file":"ToggleFeatureCard.js","sources":["../../src/components/ToggleFeatureCard/hooks/useScrollIntoView.js","../../src/components/ToggleFeatureCard/ToolTipSwitch.jsx","../../src/components/ToggleFeatureCard/index.jsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nconst useScrollIntoView = ({ elementId, trigger }) => {\n  useEffect(() => {\n    if (!trigger) return;\n    document.getElementById(elementId)?.scrollIntoView();\n  }, [trigger]);\n};\n\nexport default useScrollIntoView;\n","import { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport { Switch as FormikSwitch } from \"neetoui/formik\";\n\nconst TooltipSwitch = ({\n  enabledCondition,\n  name = \"\",\n  isDisabled = false,\n  switchDataTestid,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const { enabledSwitchText, disabledSwitchText, ...neetoUITooltipProps } =\n    tooltipProps;\n\n  const tooltipContent = enabledCondition\n    ? enabledSwitchText\n    : disabledSwitchText;\n\n  return (\n    <Tooltip\n      content={tooltipContent}\n      disabled={!tooltipContent}\n      position=\"top\"\n      {...neetoUITooltipProps}\n    >\n      <span>\n        <FormikSwitch\n          disabled={isDisabled}\n          data-testid={\n            isPresent(switchDataTestid)\n              ? switchDataTestid\n              : \"toggle-feature-card-switch\"\n          }\n          {...{ name, ...otherProps }}\n        />\n      </span>\n    </Tooltip>\n  );\n};\n\nexport default TooltipSwitch;\n","import { useRef, useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport { isPresent, slugify } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Close } from \"neetoicons\";\nimport { Typography, Label, Button } from \"neetoui\";\nimport { Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZES } from \"./constants\";\nimport useScrollIntoView from \"./hooks/useScrollIntoView\";\nimport \"./toggleFeatureCard.scss\";\nimport TooltipSwitch from \"./ToolTipSwitch\";\n\nconst ToggleFeatureCard = ({\n  isCardStyleEnabled = true,\n  title = \"\",\n  description = null,\n  switchName = \"switch\",\n  titleDataTestid = \"\",\n  switchDataTestid = \"\",\n  descriptionDataTestid = \"\",\n  isDisabled = false,\n  children = null,\n  inputProps,\n  switchProps = {},\n  editButtonProps = {},\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n  const cardRef = useRef();\n  const id = slugify(title);\n\n  const [isEditing, setIsEditing] = useState(false);\n\n  const { setFieldValue, values, submitCount, errors, initialValues } =\n    useFormikContext();\n\n  useEffect(() => {\n    if (!(submitCount >= 1 && isEmpty(errors))) return;\n    setIsEditing(false);\n  }, [submitCount]);\n\n  useEffect(() => {\n    if (isEmpty(errors)) return;\n    setIsEditing(true);\n  }, [values, errors]);\n\n  const [shouldHighlight, setShouldHighlight] = useState(\n    location.hash.split(\"#\")[1] === id\n  );\n\n  const hasInput = values?.[switchName] && inputProps?.name;\n  const enabledCondition = values?.[switchName];\n\n  const handleInputReset = () => {\n    setIsEditing(false);\n    hasInput &&\n      setFieldValue(inputProps?.name, initialValues?.[inputProps?.name]);\n  };\n\n  useOnClickOutside(cardRef, () => setShouldHighlight(false));\n\n  useScrollIntoView({ elementId: id, trigger: shouldHighlight });\n\n  const inputRef = useHotkeys(\"enter\", () => setIsEditing(false), {\n    mode: \"scoped\",\n  });\n\n  return (\n    <div\n      {...{ id }}\n      data-testid=\"feature-card-container\"\n      ref={cardRef}\n      className={classnames(\n        \"neeto-ui-bg-white neeto-ui-rounded-lg flex flex-col gap-y-2\",\n        { \"border p-4\": isCardStyleEnabled },\n        { \"neeto-ui-border-gray-300\": !shouldHighlight },\n        { \"toggle-feature-card--highlighted\": shouldHighlight },\n        className\n      )}\n    >\n      <Label className=\"flex flex-row items-center gap-2\">\n        <TooltipSwitch\n          {...{\n            enabledCondition,\n            isDisabled,\n            switchDataTestid,\n            ...switchProps,\n          }}\n          name={switchName}\n        />\n        <Typography\n          className=\"leading-snug\"\n          component=\"span\"\n          style=\"h4\"\n          weight=\"semibold\"\n          data-testid={\n            isPresent(titleDataTestid)\n              ? titleDataTestid\n              : \"toggle-feature-card-title\"\n          }\n        >\n          {title}\n        </Typography>\n      </Label>\n      <Typography\n        className=\"mb-4 whitespace-pre-line\"\n        style=\"body2\"\n        data-testid={\n          isPresent(descriptionDataTestid)\n            ? descriptionDataTestid\n            : \"toggle-feature-card-description\"\n        }\n      >\n        {description}\n      </Typography>\n      {hasInput && !isEditing && (\n        <div className=\"m-0 flex flex-row items-center gap-x-2\">\n          {inputProps?.display}\n          <Button\n            label={t(\"neetoMolecules.common.actions.edit\")}\n            size=\"small\"\n            style=\"link\"\n            type=\"button\"\n            data-testid={\n              isPresent(inputProps?.editButtonDataTestid)\n                ? inputProps?.editButtonDataTestid\n                : \"toggle-feature-card-input-display-edit\"\n            }\n            onClick={() => setIsEditing(true)}\n            {...editButtonProps}\n          />\n        </div>\n      )}\n      {hasInput && isEditing && (\n        <Input\n          autoFocus\n          label={inputProps?.label}\n          name={inputProps?.name}\n          placeholder={inputProps?.placeholder}\n          ref={inputRef}\n          size=\"medium\"\n          data-testid={\n            isPresent(inputProps?.dataTestid)\n              ? inputProps?.dataTestid\n              : \"toggle-feature-card-input-field\"\n          }\n          suffix={\n            <Button\n              data-testid=\"toggle-feature-card-input-reset\"\n              icon={Close}\n              size=\"small\"\n              style=\"text\"\n              type=\"button\"\n              onClick={handleInputReset}\n            />\n          }\n          {...inputProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nToggleFeatureCard.propTypes = {\n  /**\n   * The title that will be displayed for the card.\n   */\n  title: PropTypes.string,\n  /**\n   * The descripton text for the particular feature or setting.\n   */\n  description: PropTypes.string,\n  /**\n   * The formik name of the feature or setting to be toggled. eg:\n  {switchName: \"enableEmails\"}.\n   */\n  switchName: PropTypes.string,\n  /**\n   * Can be used to disable the toggle switch conditionally.\n   */\n  isDisabled: PropTypes.bool,\n  /**\n   * Can be used to enable the card appearance.\n   */\n  isCardStyleEnabled: PropTypes.bool,\n  /**\n   * Custom child components to be displayed in the card.\n   */\n  children: PropTypes.node,\n  /**\n   * Can be used to add an input field for a setting or a feature.\n    For example, `Enable email notifications` card can have an email input field.\n   */\n  inputProps: PropTypes.shape({\n    name: PropTypes.string,\n    display: PropTypes.node,\n    label: PropTypes.string,\n    editButtonTooltip: PropTypes.string,\n    editButtonDataTestid: PropTypes.string,\n    placeholder: PropTypes.string,\n    dataTestid: PropTypes.string,\n    onChange: PropTypes.func,\n    suffix: PropTypes.node,\n    prefix: PropTypes.node,\n    className: PropTypes.string,\n    nakedInput: PropTypes.bool,\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    type: PropTypes.string,\n    maxLength: PropTypes.number,\n    contentSize: PropTypes.number,\n    unlimitedChars: PropTypes.bool,\n  }),\n  /**\n   * Can be used to add props to the switch component.\n   */\n  switchProps: PropTypes.shape({\n    onChange: PropTypes.func,\n    className: PropTypes.string,\n    checked: PropTypes.bool,\n    tooltipProps: PropTypes.shape({\n      enabledSwitchText: PropTypes.string,\n      disabledSwitchText: PropTypes.string,\n    }),\n  }),\n  /**\n   * Can be used to add props to the edit button component.\n   */\n  editButtonProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    className: PropTypes.string,\n    style: PropTypes.string,\n    size: PropTypes.string,\n    type: PropTypes.string,\n    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * To specify external classnames as overrides to the ToggleFeatureCard wrapper.\n   */\n  className: PropTypes.string,\n};\n\nexport default ToggleFeatureCard;\n"],"names":["useScrollIntoView","_ref","elementId","trigger","useEffect","_document$getElementB","document","getElementById","scrollIntoView","TooltipSwitch","enabledCondition","_ref$name","name","_ref$isDisabled","isDisabled","switchDataTestid","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","enabledSwitchText","disabledSwitchText","neetoUITooltipProps","_excluded2","tooltipContent","_jsx","Tooltip","_objectSpread","content","disabled","position","children","FormikSwitch","isPresent","ToggleFeatureCard","_ref$isCardStyleEnabl","isCardStyleEnabled","_ref$title","title","_ref$description","description","_ref$switchName","switchName","_ref$titleDataTestid","titleDataTestid","_ref$switchDataTestid","_ref$descriptionDataT","descriptionDataTestid","_ref$children","inputProps","_ref$switchProps","switchProps","_ref$editButtonProps","editButtonProps","_ref$className","className","_useTranslation","useTranslation","t","cardRef","useRef","id","slugify","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useFormikContext","useFormikContext","setFieldValue","values","submitCount","errors","initialValues","isEmpty","_useState3","location","hash","split","_useState4","shouldHighlight","setShouldHighlight","hasInput","handleInputReset","useOnClickOutside","inputRef","useHotkeys","mode","_jsxs","ref","classnames","Label","Typography","component","style","weight","display","Button","label","size","type","editButtonDataTestid","onClick","Input","autoFocus","placeholder","dataTestid","suffix","icon","Close"],"mappings":"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"}

package/dist/cjs/VersionHistory.js

@@ -72,7 +72,7 @@ var Version = reactUtils.withT(function (_ref) {
       }),
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "neeto-ui-rounded hover:neeto-ui-bg-gray-100 flex flex-grow cursor-pointer justify-between gap-4 px-1.5 pb-1.5 pt-1 transition-all duration-300",
-        "data-cy": "version-history-event",
+        "data-testid": "version-history-event",
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-grow flex-col gap-2",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -155,7 +155,6 @@ var VersionHistory = withT(function (_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsxs(Pane.Header, {
         className: "flex justify-between",
         children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-          "data-cy": "version-history-pane-header",
           "data-testid": "version-history-pane-header",
           lineHeight: "normal",
           style: "h2",
@@ -189,7 +188,6 @@ var VersionHistory = withT(function (_ref) {
               className: "neeto-ui-border-gray-200 flex-grow"
             }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
               className: "neeto-ui-bg-gray-200 neeto-ui-text-gray-800 neeto-ui-rounded inline-block px-3 py-1",
-              "data-cy": "version-history-published-title",
               "data-testid": "version-history-published-title",
               lineHeight: "normal",
               style: "body3",

package/dist/cjs/VersionHistory.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionHistory.js","sources":["../../src/components/VersionHistory/constants.js","../../src/components/VersionHistory/Version.jsx","../../src/components/VersionHistory/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const REFRESH_BUTTON_TOOLTIP_PROPS = Object.freeze({\n  content: t(\"neetoMolecules.versionHistory.refreshButtonTooltip\"),\n  position: \"bottom\",\n});\n","import classnames from \"classnames\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Typography, Tag, Avatar } from \"neetoui\";\n\nimport DateFormat from \"components/DateFormat\";\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst Version = withT(\n  ({\n    t,\n    id,\n    date,\n    user,\n    onClick,\n    isDraft = false,\n    isPublished = false,\n    showMoreDropdown = false,\n    moreDropdownProps = {},\n    isLast = false,\n  }) => (\n    <div className=\"flex w-full gap-2\" key={id}>\n      <div className=\"relative mt-2.5 flex flex-col items-center\">\n        <span\n          className={classnames(\n            \"neeto-ui-rounded-full neeto-ui-bg-gray-300 relative z-10 h-2 w-2\",\n            { \"neeto-ui-bg-warning-500\": isDraft },\n            { \"neeto-ui-bg-primary-500\": isPublished }\n          )}\n        />\n        {!isLast && (\n          <span\n            aria-hidden=\"true\"\n            className=\"neeto-ui-bg-gray-300 absolute start-1/2 top-[9px] z-0 h-full w-px -translate-x-1/2 rtl:translate-x-1/2\"\n          />\n        )}\n      </div>\n      <div\n        {...{ onClick }}\n        className={classnames(\"w-full\", { \"pb-3\": !isDraft })}\n      >\n        <div\n          className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-100 flex flex-grow cursor-pointer justify-between gap-4 px-1.5 pb-1.5 pt-1 transition-all duration-300\"\n          data-cy=\"version-history-event\"\n        >\n          <div className=\"flex flex-grow flex-col gap-2\">\n            <div className=\"flex items-center gap-2\">\n              <Typography style=\"h5\" weight=\"medium\">\n                <DateFormat.DateWeekTime\n                  {...{ date }}\n                  typographyProps={{ style: \"body3\", lineHeight: \"snug\" }}\n                />\n              </Typography>\n              {isDraft && (\n                <Tag\n                  className=\"float-start\"\n                  data-testid=\"version-history-draft-tag\"\n                  label={t(\"neetoMolecules.common.actions.draft\")}\n                  size=\"small\"\n                  style=\"warning\"\n                />\n              )}\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <Avatar size=\"small\" user={{ name: user }} />\n              <Typography style=\"body3\">{user}</Typography>\n            </div>\n          </div>\n          {showMoreDropdown && (\n            <div className=\"flex-shrink-0\" onClick={e => e.stopPropagation()}>\n              <MoreDropdown\n                dropdownButtonProps={{\n                  className: \"m-1\",\n                  size: \"small\",\n                  disabled: moreDropdownProps.disabled,\n                }}\n                dropdownProps={{\n                  strategy: \"fixed\",\n                  appendTo: () => document.body,\n                }}\n                {...moreDropdownProps}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n);\n\nexport default Version;\n","import { isNotEmpty } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Refresh } from \"neetoicons\";\nimport { Button, Typography, Pane, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { REFRESH_BUTTON_TOOLTIP_PROPS } from \"./constants\";\nimport Version from \"./Version\";\n\nconst VersionHistory = withT(\n  ({\n    t,\n    isOpen,\n    onClose,\n    isLoading,\n    draftVersions = [],\n    publishedVersions = [],\n    paneTitle,\n    showRefreshButton = false,\n    onRefreshClick,\n  }) => (\n    <Pane {...{ isOpen, onClose }}>\n      {isLoading ? (\n        <div className=\"flex h-full w-full items-center justify-center\">\n          <Spinner />\n        </div>\n      ) : (\n        <>\n          <Pane.Header className=\"flex justify-between\">\n            <Typography\n              data-cy=\"version-history-pane-header\"\n              data-testid=\"version-history-pane-header\"\n              lineHeight=\"normal\"\n              style=\"h2\"\n              weight=\"semibold\"\n            >\n              {paneTitle || t(\"neetoMolecules.versionHistory.paneTitle\")}\n            </Typography>\n            {showRefreshButton && (\n              <Button\n                data-testid=\"version-history-refresh-button\"\n                icon={Refresh}\n                iconSize={18}\n                size=\"small\"\n                style=\"text\"\n                tooltipProps={REFRESH_BUTTON_TOOLTIP_PROPS}\n                onClick={onRefreshClick}\n              />\n            )}\n          </Pane.Header>\n          <Pane.Body>\n            <div className=\"flex w-full flex-col gap-y-4\">\n              {isNotEmpty(draftVersions) && (\n                <div className=\"flex flex-col\">\n                  {draftVersions.map((version, index) => {\n                    const isLast = index === draftVersions.length - 1;\n\n                    return (\n                      <Version {...{ ...version, isLast }} key={version.id} />\n                    );\n                  })}\n                </div>\n              )}\n              {isNotEmpty(publishedVersions) && (\n                <div className=\"flex items-center\">\n                  <hr className=\"neeto-ui-border-gray-200 flex-grow\" />\n                  <Typography\n                    className=\"neeto-ui-bg-gray-200 neeto-ui-text-gray-800 neeto-ui-rounded inline-block px-3 py-1\"\n                    data-cy=\"version-history-published-title\"\n                    data-testid=\"version-history-published-title\"\n                    lineHeight=\"normal\"\n                    style=\"body3\"\n                    weight=\"medium\"\n                  >\n                    {t(\"neetoMolecules.versionHistory.publishedVersions\")}\n                  </Typography>\n                  <hr className=\"neeto-ui-border-gray-200 flex-grow\" />\n                </div>\n              )}\n              <div className=\"flex flex-col\">\n                {publishedVersions.map((version, index) => {\n                  const isLast = index === publishedVersions.length - 1;\n\n                  return (\n                    <Version {...{ ...version, isLast }} key={version.id} />\n                  );\n                })}\n              </div>\n            </div>\n          </Pane.Body>\n        </>\n      )}\n    </Pane>\n  )\n);\n\nVersionHistory.propTypes = {\n  /**\n   * To specify whether the version history pane should be opened or closed.\n   */\n  isOpen: PropTypes.bool.isRequired,\n  /**\n   * Handler function that is triggered when the close button is clicked.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Boolean flag to show loading state with spinner.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Array of draft version objects to be displayed in the version history.\n   */\n  draftVersions: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      date: PropTypes.instanceOf(Date).isRequired,\n      user: PropTypes.string.isRequired,\n      onClick: PropTypes.func,\n      isDraft: PropTypes.bool,\n      isPublished: PropTypes.bool,\n      showMoreDropdown: PropTypes.bool,\n      moreDropdownProps: PropTypes.object,\n    })\n  ),\n  /**\n   * Array of published version objects to be displayed in the version history.\n   */\n  publishedVersions: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      date: PropTypes.instanceOf(Date).isRequired,\n      user: PropTypes.string.isRequired,\n      onClick: PropTypes.func,\n      isDraft: PropTypes.bool,\n      isPublished: PropTypes.bool,\n      showMoreDropdown: PropTypes.bool,\n      moreDropdownProps: PropTypes.object,\n    })\n  ),\n  /**\n   * Custom title to be displayed in the pane header. If not provided, a default title will be used.\n   */\n  paneTitle: PropTypes.string,\n  /**\n   * Boolean flag to show or hide the refresh button in the pane header.\n   */\n  showRefreshButton: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the refresh button is clicked.\n   */\n  onRefreshClick: PropTypes.func,\n};\n\nexport default VersionHistory;\n"],"names":["REFRESH_BUTTON_TOOLTIP_PROPS","Object","freeze","content","t","position","Version","withT","_ref","id","date","user","onClick","_ref$isDraft","isDraft","_ref$isPublished","isPublished","_ref$showMoreDropdown","showMoreDropdown","_ref$moreDropdownProp","moreDropdownProps","_ref$isLast","isLast","_jsxs","className","children","_jsx","classnames","Typography","style","weight","DateFormat","DateWeekTime","typographyProps","lineHeight","Tag","label","size","Avatar","name","e","stopPropagation","MoreDropdown","_objectSpread","dropdownButtonProps","disabled","dropdownProps","strategy","appendTo","document","body","VersionHistory","isOpen","onClose","isLoading","_ref$draftVersions","draftVersions","_ref$publishedVersion","publishedVersions","paneTitle","_ref$showRefreshButto","showRefreshButton","onRefreshClick","Pane","Spinner","_Fragment","Header","Button","icon","Refresh","iconSize","tooltipProps","Body","isNotEmpty","map","version","index","length","_createElement","key"],"mappings":"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"}
+{"version":3,"file":"VersionHistory.js","sources":["../../src/components/VersionHistory/constants.js","../../src/components/VersionHistory/Version.jsx","../../src/components/VersionHistory/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const REFRESH_BUTTON_TOOLTIP_PROPS = Object.freeze({\n  content: t(\"neetoMolecules.versionHistory.refreshButtonTooltip\"),\n  position: \"bottom\",\n});\n","import classnames from \"classnames\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Typography, Tag, Avatar } from \"neetoui\";\n\nimport DateFormat from \"components/DateFormat\";\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst Version = withT(\n  ({\n    t,\n    id,\n    date,\n    user,\n    onClick,\n    isDraft = false,\n    isPublished = false,\n    showMoreDropdown = false,\n    moreDropdownProps = {},\n    isLast = false,\n  }) => (\n    <div className=\"flex w-full gap-2\" key={id}>\n      <div className=\"relative mt-2.5 flex flex-col items-center\">\n        <span\n          className={classnames(\n            \"neeto-ui-rounded-full neeto-ui-bg-gray-300 relative z-10 h-2 w-2\",\n            { \"neeto-ui-bg-warning-500\": isDraft },\n            { \"neeto-ui-bg-primary-500\": isPublished }\n          )}\n        />\n        {!isLast && (\n          <span\n            aria-hidden=\"true\"\n            className=\"neeto-ui-bg-gray-300 absolute start-1/2 top-[9px] z-0 h-full w-px -translate-x-1/2 rtl:translate-x-1/2\"\n          />\n        )}\n      </div>\n      <div\n        {...{ onClick }}\n        className={classnames(\"w-full\", { \"pb-3\": !isDraft })}\n      >\n        <div\n          className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-100 flex flex-grow cursor-pointer justify-between gap-4 px-1.5 pb-1.5 pt-1 transition-all duration-300\"\n          data-testid=\"version-history-event\"\n        >\n          <div className=\"flex flex-grow flex-col gap-2\">\n            <div className=\"flex items-center gap-2\">\n              <Typography style=\"h5\" weight=\"medium\">\n                <DateFormat.DateWeekTime\n                  {...{ date }}\n                  typographyProps={{ style: \"body3\", lineHeight: \"snug\" }}\n                />\n              </Typography>\n              {isDraft && (\n                <Tag\n                  className=\"float-start\"\n                  data-testid=\"version-history-draft-tag\"\n                  label={t(\"neetoMolecules.common.actions.draft\")}\n                  size=\"small\"\n                  style=\"warning\"\n                />\n              )}\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <Avatar size=\"small\" user={{ name: user }} />\n              <Typography style=\"body3\">{user}</Typography>\n            </div>\n          </div>\n          {showMoreDropdown && (\n            <div className=\"flex-shrink-0\" onClick={e => e.stopPropagation()}>\n              <MoreDropdown\n                dropdownButtonProps={{\n                  className: \"m-1\",\n                  size: \"small\",\n                  disabled: moreDropdownProps.disabled,\n                }}\n                dropdownProps={{\n                  strategy: \"fixed\",\n                  appendTo: () => document.body,\n                }}\n                {...moreDropdownProps}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n);\n\nexport default Version;\n","import { isNotEmpty } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Refresh } from \"neetoicons\";\nimport { Button, Typography, Pane, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { REFRESH_BUTTON_TOOLTIP_PROPS } from \"./constants\";\nimport Version from \"./Version\";\n\nconst VersionHistory = withT(\n  ({\n    t,\n    isOpen,\n    onClose,\n    isLoading,\n    draftVersions = [],\n    publishedVersions = [],\n    paneTitle,\n    showRefreshButton = false,\n    onRefreshClick,\n  }) => (\n    <Pane {...{ isOpen, onClose }}>\n      {isLoading ? (\n        <div className=\"flex h-full w-full items-center justify-center\">\n          <Spinner />\n        </div>\n      ) : (\n        <>\n          <Pane.Header className=\"flex justify-between\">\n            <Typography\n              data-testid=\"version-history-pane-header\"\n              lineHeight=\"normal\"\n              style=\"h2\"\n              weight=\"semibold\"\n            >\n              {paneTitle || t(\"neetoMolecules.versionHistory.paneTitle\")}\n            </Typography>\n            {showRefreshButton && (\n              <Button\n                data-testid=\"version-history-refresh-button\"\n                icon={Refresh}\n                iconSize={18}\n                size=\"small\"\n                style=\"text\"\n                tooltipProps={REFRESH_BUTTON_TOOLTIP_PROPS}\n                onClick={onRefreshClick}\n              />\n            )}\n          </Pane.Header>\n          <Pane.Body>\n            <div className=\"flex w-full flex-col gap-y-4\">\n              {isNotEmpty(draftVersions) && (\n                <div className=\"flex flex-col\">\n                  {draftVersions.map((version, index) => {\n                    const isLast = index === draftVersions.length - 1;\n\n                    return (\n                      <Version {...{ ...version, isLast }} key={version.id} />\n                    );\n                  })}\n                </div>\n              )}\n              {isNotEmpty(publishedVersions) && (\n                <div className=\"flex items-center\">\n                  <hr className=\"neeto-ui-border-gray-200 flex-grow\" />\n                  <Typography\n                    className=\"neeto-ui-bg-gray-200 neeto-ui-text-gray-800 neeto-ui-rounded inline-block px-3 py-1\"\n                    data-testid=\"version-history-published-title\"\n                    lineHeight=\"normal\"\n                    style=\"body3\"\n                    weight=\"medium\"\n                  >\n                    {t(\"neetoMolecules.versionHistory.publishedVersions\")}\n                  </Typography>\n                  <hr className=\"neeto-ui-border-gray-200 flex-grow\" />\n                </div>\n              )}\n              <div className=\"flex flex-col\">\n                {publishedVersions.map((version, index) => {\n                  const isLast = index === publishedVersions.length - 1;\n\n                  return (\n                    <Version {...{ ...version, isLast }} key={version.id} />\n                  );\n                })}\n              </div>\n            </div>\n          </Pane.Body>\n        </>\n      )}\n    </Pane>\n  )\n);\n\nVersionHistory.propTypes = {\n  /**\n   * To specify whether the version history pane should be opened or closed.\n   */\n  isOpen: PropTypes.bool.isRequired,\n  /**\n   * Handler function that is triggered when the close button is clicked.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Boolean flag to show loading state with spinner.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Array of draft version objects to be displayed in the version history.\n   */\n  draftVersions: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      date: PropTypes.instanceOf(Date).isRequired,\n      user: PropTypes.string.isRequired,\n      onClick: PropTypes.func,\n      isDraft: PropTypes.bool,\n      isPublished: PropTypes.bool,\n      showMoreDropdown: PropTypes.bool,\n      moreDropdownProps: PropTypes.object,\n    })\n  ),\n  /**\n   * Array of published version objects to be displayed in the version history.\n   */\n  publishedVersions: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      date: PropTypes.instanceOf(Date).isRequired,\n      user: PropTypes.string.isRequired,\n      onClick: PropTypes.func,\n      isDraft: PropTypes.bool,\n      isPublished: PropTypes.bool,\n      showMoreDropdown: PropTypes.bool,\n      moreDropdownProps: PropTypes.object,\n    })\n  ),\n  /**\n   * Custom title to be displayed in the pane header. If not provided, a default title will be used.\n   */\n  paneTitle: PropTypes.string,\n  /**\n   * Boolean flag to show or hide the refresh button in the pane header.\n   */\n  showRefreshButton: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the refresh button is clicked.\n   */\n  onRefreshClick: PropTypes.func,\n};\n\nexport default VersionHistory;\n"],"names":["REFRESH_BUTTON_TOOLTIP_PROPS","Object","freeze","content","t","position","Version","withT","_ref","id","date","user","onClick","_ref$isDraft","isDraft","_ref$isPublished","isPublished","_ref$showMoreDropdown","showMoreDropdown","_ref$moreDropdownProp","moreDropdownProps","_ref$isLast","isLast","_jsxs","className","children","_jsx","classnames","Typography","style","weight","DateFormat","DateWeekTime","typographyProps","lineHeight","Tag","label","size","Avatar","name","e","stopPropagation","MoreDropdown","_objectSpread","dropdownButtonProps","disabled","dropdownProps","strategy","appendTo","document","body","VersionHistory","isOpen","onClose","isLoading","_ref$draftVersions","draftVersions","_ref$publishedVersion","publishedVersions","paneTitle","_ref$showRefreshButto","showRefreshButton","onRefreshClick","Pane","Spinner","_Fragment","Header","Button","icon","Refresh","iconSize","tooltipProps","Body","isNotEmpty","map","version","index","length","_createElement","key"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "4.1.0-beta1",
+  "version": "4.1.1",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -55,11 +55,11 @@
     "@bigbinary/eslint-plugin-neeto": "1.6.0",
     "@bigbinary/neeto-audit-frontend": "2.3.0",
     "@bigbinary/neeto-cist": "1.0.11",
-    "@bigbinary/neeto-commons-frontend": "4.13.75",
+    "@bigbinary/neeto-commons-frontend": "4.13.94",
     "@bigbinary/neeto-editor": "1.43.8",
     "@bigbinary/neeto-filters-frontend": "4.3.4",
     "@bigbinary/neeto-hotkeys": "1.0.4",
-    "@bigbinary/neeto-icons": "1.20.61",
+    "@bigbinary/neeto-icons": "1.20.74",
     "@bigbinary/neeto-image-uploader-frontend": "2.3.11",
     "@bigbinary/neeto-team-members-frontend": "4.4.6",
     "@bigbinary/neeto-time-zones": "0.5.5",
@@ -225,7 +225,7 @@
     "@bigbinary/neeto-editor": "1.43.8",
     "@bigbinary/neeto-filters-frontend": "4.3.4",
     "@bigbinary/neeto-hotkeys": "1.0.4",
-    "@bigbinary/neeto-icons": "1.20.61",
+    "@bigbinary/neeto-icons": "1.20.74",
     "@bigbinary/neeto-image-uploader-frontend": "2.3.11",
     "@bigbinary/neeto-team-members-frontend": "4.4.6",
     "@bigbinary/neeto-time-zones": "0.5.5",
@@ -282,4 +282,4 @@
     "zustand": "4.3.2"
   },
   "packageManager": "yarn@4.9.2"
-}
+}

package/src/translations/ar.json

@@ -215,7 +215,9 @@
       "copyToClipboard": "نسخ إلى الحافظة",
       "success": "نجاح",
       "pending": "قيد الانتظار",
-      "enter": "أدخل {{what}}"
+      "enter": "أدخل {{what}}",
+      "permission_one": "إذن",
+      "permission_other": "أذونات"
     },
     "columns": {
       "columns": "تخصيص الأعمدة",
@@ -259,7 +261,7 @@
       "login": "تسجيل الدخول",
       "help": "المساعدة",
       "goBack": "العودة",
-      "productSwitcher": "مبدل المنتجات",
+      "productSwitcher": "تبديل المنتج",
       "neetoProducts": "منتجات نيتو",
       "currentPlan": "الخطة الحالية: <strong>{{subscriptionPlan,anyCase}} خطة</strong>",
       "helpLinks": {
@@ -279,12 +281,19 @@
         "dark": "داكن"
       },
       "organizationSwitcher": {
-        "label": "مبدل المساحة",
-        "addAccount": "إضافة حساب آخر"
+        "label": "تبديل مساحة العمل",
+        "addAccount": "إضافة حساب آخر",
+        "signedin": "مسجل الدخول"
       },
       "more": "المزيد",
       "pin": "تثبيت",
-      "unpin": "إلغاء تثبيت"
+      "unpin": "إلغاء تثبيت",
+      "workspace": "مساحة العمل",
+      "workspaceMenu": {
+        "settings": "الإعدادات",
+        "subdomain": "النطاق الفرعي لمساحة العمل"
+      },
+      "upgradePlan": "ترقية"
     },
     "productSwitcher": {
       "noApps": "لا توجد تطبيقات.",
@@ -521,15 +530,24 @@
         "updatedRole_one": "{{performedBy, anyCase}} <Semibold>حدث</Semibold> <Code>{{roleName}}</Code> دورًا مع <Code>{{addedPermissionsText}}</Code> الإذن في {{productSuffix, anyCase}}",
         "deletedRole": "{{performedBy, anyCase}} <Semibold>حذف</Semibold> <Code>{{roleName}}</Code> دورًا في {{productSuffix, anyCase}}",
         "performedAction": "{{performedBy, anyCase}} <Semibold>أجرى</Semibold> إجراءً في {{productSuffix, anyCase}}",
-        "updatedFieldsWithPreviousValue": "<Semibold>{{field}}</Semibold>: من <Code>{{from}}</Code> إلى <Code>{{to}}</Code>",
-        "updatedFieldsWithNewValue": "<Semibold>{{field}}</Semibold>: إلى <Code>{{to}}</Code>",
+        "updatedFieldsWithPreviousValue": "<Semibold>{{field}}</Semibold>: من <Code>{{from, anyCase}}</Code> إلى <Code>{{to, anyCase}}</Code>",
+        "updatedFieldsWithNewValue": "<Semibold>{{field}}</Semibold>: إلى <Code>{{to, anyCase}}</Code>",
         "connectedGoogleCalender": "{{performedBy, anyCase}} <Semibold>اتصلت بـ Google Calendar</Semibold> باستخدام الحساب <Code>{{emailAddress}}</Code> في {{productSuffix, anyCase}}",
         "disconnectedGoogleCalender": "{{performedBy, anyCase}} <Semibold>فصل تكامل Google Calendar</Semibold> في {{productSuffix, anyCase}}",
         "connectedStripeAccount": "{{performedBy, anyCase}} <Semibold>اتصلت بتكامل Stripe</Semibold> مع معرف الحساب: <Code>{{stripeAccountId}}</Code> في {{productSuffix, anyCase}}",
         "disconnectedStripeAccount": "{{performedBy, anyCase}} <Semibold>فصل تكامل Stripe</Semibold> في {{productSuffix, anyCase}}",
         "connectedZoomAccount": "{{performedBy, anyCase}} قد <Semibold>اتصلت بتكامل Zoom</Semibold> مع معرف الحساب: <Code>{{zoomAccountId}}</Code> في {{productSuffix, anyCase}}",
         "disconnectedZoomAccount": "{{performedBy, anyCase}} قد <Semibold>فصل تكامل Zoom</Semibold> في {{productSuffix, anyCase}}",
-        "connectedCustomDomain": "{{performedBy, anyCase}} <Semibold>اتصلت بالنطاق المخصص:</Semibold> <Code>{{hostname}}</Code> في {{productSuffix, anyCase}}"
+        "connectedCustomDomain": "{{performedBy, anyCase}} <Semibold>اتصلت بالنطاق المخصص:</Semibold> <Code>{{hostname}}</Code> في {{productSuffix, anyCase}}",
+        "updatedFields": "<Semibold>{{field}}</Semibold>",
+        "updatedRole": "{{performedBy, anyCase}} <Semibold>تم تحديث</Semibold> <Code>{{roleName}}</Code> الدور على {{productSuffix, anyCase}}",
+        "updatedRoleName": "{{performedBy, anyCase}} <Semibold>تم إعادة تسمية</Semibold> <Code>{{name.from}}</Code> الدور إلى <Code>{{name.to}}</Code> على {{productSuffix, anyCase}}",
+        "addedRolePermission": "{{performedBy, anyCase}} <Semibold>تم إضافة</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) إلى <Code>{{roleName}}</Code> الدور على {{productSuffix, anyCase}}",
+        "removedRolePermission": "{{performedBy, anyCase}} <Semibold>تم إزالة</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) من <Code>{{roleName}}</Code> الدور على {{productSuffix, anyCase}}",
+        "modifiedRolePermission": "{{performedBy, anyCase}} <Semibold>تم إضافة</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) و <Semibold>تم إزالة</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) من <Code>{{roleName}}</Code> الدور على {{productSuffix, anyCase}}",
+        "createdApiKey": "{{performedBy, anyCase}} <Semibold>تم إنشاء</Semibold> مفتاح API يحمل التسمية <Semibold>{{label, anyCase}}</Semibold> على {{productSuffix, anyCase}}",
+        "deletedApiKey": "{{performedBy, anyCase}} <Semibold>تم حذف</Semibold> مفتاح API يحمل التسمية <Semibold>{{label, anyCase}}</Semibold> على {{productSuffix, anyCase}}",
+        "updatedApiKey": "{{performedBy, anyCase}} <Semibold>تم تحديث</Semibold> مفتاح API يحمل التسمية <Semibold>{{label, anyCase}}</Semibold> على {{productSuffix, anyCase}}"
       }
     },
     "ipRestriction": {
@@ -673,7 +691,8 @@
       "from": "من",
       "subject": "الموضوع",
       "poweredBy": "مدعوم بواسطة نيتو",
-      "logoAltText": "شعار"
+      "logoAltText": "شعار",
+      "previewMessage": "هذه معاينة بريدك الإلكتروني"
     },
     "responsiveDevicePicker": {
       "desktop": "سطح المكتب",
@@ -800,23 +819,36 @@
         "message": "الرسالة",
         "subject": "الموضوع",
         "ccBcc": "Cc/Bcc",
-        "cc": "CC",
-        "bCc": "BCC",
-        "resetToDefault": "إعادة تعيين إلى الافتراضي"
+        "cc": "نسخة إلى",
+        "bCc": "نسخة مخفية إلى",
+        "resetToDefault": "إعادة تعيين إلى الافتراضي",
+        "previewEmail": "معاينة البريد الإلكتروني"
       },
       "tooltips": {
         "replyTo": "'الرد على' هو العنوان المعين حيث يجب إرسال الردود على البريد الإلكتروني."
       },
       "placeholders": {
         "emailPlaceholder": "اكتب عنوان البريد الإلكتروني",
-        "commaSeparatedEmails": "استخدم فاصلة (‘) لإضافة عدة عناوين بريد إلكتروني"
+        "commaSeparatedEmails": "استخدم فاصلة (‘) لإضافة عدة عناوين بريد إلكتروني",
+        "subject": "موضوع البريد الإلكتروني",
+        "message": "اضغط على `/` لخيارات التنسيق"
       }
     },
     "calendarView": {
       "allDay": "على مدار اليوم",
       "weekly": "أسبوعيًا",
       "monthly": "شهريًا",
-      "daily": "يوميًا"
+      "daily": "يوميًا",
+      "today": "اليوم",
+      "aria": {
+        "calendarControls": "ضوابط التقويم",
+        "viewSelector": "اختر عرض التقويم، حاليا {{view}}",
+        "goToToday": "انتقل إلى تاريخ اليوم",
+        "dateNavigation": "تنقل التاريخ",
+        "previousPeriod": "الفترة السابقة {{period}}",
+        "nextPeriod": "الفترة التالية {{period}}",
+        "selectDate": "اختر تاريخًا، حاليًا {{currentDate}}"
+      }
     },
     "settingsPage": {
       "title": "الإعدادات",
@@ -914,6 +946,12 @@
       "buttonAriaLabel": "زر المزيد من الخيارات",
       "menuAriaLabel": "مزيد من الخيارات",
       "submenuAriaLabel": "{{label}} قائمة فرعية"
+    },
+    "breadcrumbs": {
+      "breadcrumbAriaLabel": "التقنيات"
+    },
+    "inlineInput": {
+      "editableField": "حقل نص قابل للتحرير"
     }
   }
 }

package/src/translations/bg.json

@@ -185,23 +185,36 @@
         "message": "Съобщение",
         "subject": "Тема",
         "ccBcc": "Cc/Bcc",
-        "cc": "CC",
-        "bCc": "BCC",
-        "resetToDefault": "Върни към оригиналните настройки"
+        "cc": "Копие до",
+        "bCc": "Скрито копие до",
+        "resetToDefault": "Върни към оригиналните настройки",
+        "previewEmail": "Предварителен преглед на имейла"
       },
       "tooltips": {
         "replyTo": "'Отговори на' е обозначеният адрес, на който трябва да се изпратят отговорите на имейла."
       },
       "placeholders": {
         "emailPlaceholder": "Напишете имейл адрес",
-        "commaSeparatedEmails": "Използвайте запетая (‘) за добавяне на множество имейл адреси"
+        "commaSeparatedEmails": "Използвайте запетая (‘) за добавяне на множество имейл адреси",
+        "subject": "Тема на имейла",
+        "message": "Натиснете `/` за опции за форматиране"
       }
     },
     "calendarView": {
       "allDay": "Целият ден",
       "weekly": "Седмично",
       "monthly": "Месечно",
-      "daily": "Дневно"
+      "daily": "Дневно",
+      "today": "Днес",
+      "aria": {
+        "calendarControls": "Контроли на календара",
+        "viewSelector": "Изберете изглед на календара, в момента {{view}}",
+        "goToToday": "Отидете до датата на днешния ден",
+        "dateNavigation": "Навигация по дати",
+        "previousPeriod": "Предишен {{period}}",
+        "nextPeriod": "Следващ {{period}}",
+        "selectDate": "Изберете дата, в момента {{currentDate}}"
+      }
     },
     "settingsPage": {
       "title": "Настройки",
@@ -378,7 +391,8 @@
       "from": "От",
       "subject": "Темата",
       "poweredBy": "Предоставено от neeto",
-      "logoAltText": "Лого"
+      "logoAltText": "Лого",
+      "previewMessage": "Това е предварителният преглед на вашия имейл"
     },
     "responsiveDevicePicker": {
       "desktop": "Десктоп",
@@ -538,15 +552,24 @@
         "updatedRole_one": "{{performedBy, anyCase}} <Semibold>актуализира</Semibold> <Code>{{roleName}}</Code> роля с <Code>{{addedPermissionsText}}</Code> право на {{productSuffix, anyCase}}",
         "deletedRole": "{{performedBy, anyCase}} <Semibold>изтри</Semibold> <Code>{{roleName}}</Code> роля на {{productSuffix, anyCase}}",
         "performedAction": "{{performedBy, anyCase}} <Semibold>изпълни</Semibold> действие на {{productSuffix, anyCase}}",
-        "updatedFieldsWithPreviousValue": "<Semibold>{{field}}</Semibold>: от <Code>{{from}}</Code> до <Code>{{to}}</Code>",
-        "updatedFieldsWithNewValue": "<Semibold>{{field}}</Semibold>: до <Code>{{to}}</Code>",
+        "updatedFieldsWithPreviousValue": "<Semibold>{{field}}</Semibold>: от <Code>{{from, anyCase}}</Code> до <Code>{{to, anyCase}}</Code>",
+        "updatedFieldsWithNewValue": "<Semibold>{{field}}</Semibold>: до <Code>{{to, anyCase}}</Code>",
         "connectedGoogleCalender": "{{performedBy, anyCase}} <Semibold>се свърза с Google Calendar</Semibold>, използвайки акаунт <Code>{{emailAddress}}</Code> на {{productSuffix, anyCase}}",
         "disconnectedGoogleCalender": "{{performedBy, anyCase}} <Semibold>прекъсна свързването на Google Calendar</Semibold> на {{productSuffix, anyCase}}",
         "connectedStripeAccount": "{{performedBy, anyCase}} <Semibold>свърза с Stripe интеграция</Semibold> с ID на акаунт: <Code>{{stripeAccountId}}</Code> на {{productSuffix, anyCase}}",
         "disconnectedStripeAccount": "{{performedBy, anyCase}} <Semibold>прекъсна Stripe интеграцията</Semibold> на {{productSuffix, anyCase}}",
         "connectedZoomAccount": "{{performedBy, anyCase}} е <Semibold>свързан с Zoom интеграция</Semibold> с ID на акаунт: <Code>{{zoomAccountId}}</Code> на {{productSuffix, anyCase}}",
         "disconnectedZoomAccount": "{{performedBy, anyCase}} е <Semibold>прекъснал Zoom интеграцията</Semibold> на {{productSuffix, anyCase}}",
-        "connectedCustomDomain": "{{performedBy, anyCase}} <Semibold>се свърза с персонализиран домейн:</Semibold> <Code>{{hostname}}</Code> на {{productSuffix, anyCase}}"
+        "connectedCustomDomain": "{{performedBy, anyCase}} <Semibold>се свърза с персонализиран домейн:</Semibold> <Code>{{hostname}}</Code> на {{productSuffix, anyCase}}",
+        "updatedFields": "<Semibold>{{field}}</Semibold>",
+        "updatedRole": "{{performedBy, anyCase}} <Semibold>обнови</Semibold> <Code>{{roleName}}</Code> роля на {{productSuffix, anyCase}}",
+        "updatedRoleName": "{{performedBy, anyCase}} <Semibold>преименува</Semibold> <Code>{{name.from}}</Code> роля на <Code>{{name.to}}</Code> на {{productSuffix, anyCase}}",
+        "addedRolePermission": "{{performedBy, anyCase}} <Semibold>добави</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) на <Code>{{roleName}}</Code> роля на {{productSuffix, anyCase}}",
+        "removedRolePermission": "{{performedBy, anyCase}} <Semibold>премахна</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) от <Code>{{roleName}}</Code> роля на {{productSuffix, anyCase}}",
+        "modifiedRolePermission": "{{performedBy, anyCase}} <Semibold>добави</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) и <Semibold>премахна</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) от <Code>{{roleName}}</Code> роля на {{productSuffix, anyCase}}",
+        "createdApiKey": "{{performedBy, anyCase}} <Semibold>създаде</Semibold> API ключ с етикет <Semibold>{{label, anyCase}}</Semibold> на {{productSuffix, anyCase}}",
+        "deletedApiKey": "{{performedBy, anyCase}} <Semibold>изтри</Semibold> API ключ с етикет <Semibold>{{label, anyCase}}</Semibold> на {{productSuffix, anyCase}}",
+        "updatedApiKey": "{{performedBy, anyCase}} <Semibold>актуализира</Semibold> API ключ с етикет <Semibold>{{label, anyCase}}</Semibold> на {{productSuffix, anyCase}}"
       }
     },
     "ipRestriction": {
@@ -615,7 +638,8 @@
     "sidebar": {
       "organizationSwitcher": {
         "addAccount": "Добавете друга сметка",
-        "label": "Сменете работното пространство"
+        "label": "Смяна на работното пространство",
+        "signedin": "Влезли сте"
       },
       "myProfile": "Моят профил",
       "myWorkspace": "Моето работно пространство",
@@ -624,7 +648,7 @@
       "help": "Помощ",
       "goBack": "Назад",
       "more": "Повече",
-      "productSwitcher": "Сменете продукта",
+      "productSwitcher": "Смяна на продукта",
       "neetoProducts": "Продукти на Неето",
       "currentPlan": "Текущ план: <strong>{{subscriptionPlan,anyCase}} план</strong>",
       "pin": "Закрепи",
@@ -636,7 +660,7 @@
         "keyboardShortcuts": "Клавишни комбинации",
         "helpArticles": "Статии за помощ",
         "productStatus": "Статус на {{app,anyCase}}",
-        "community": "{{app,anyCase}} Общество"
+        "community": "{{app,anyCase}} общност"
       },
       "showMenu": "Разширете страничното меню",
       "hideMenu": "Сгънете страничното меню",
@@ -644,7 +668,13 @@
         "label": "Тема: {{selectedTheme, anyCase}}",
         "light": "Светъл",
         "dark": "Тъмен"
-      }
+      },
+      "workspace": "Работно пространство",
+      "workspaceMenu": {
+        "settings": "Настройки",
+        "subdomain": "Поддомейн на работното пространство"
+      },
+      "upgradePlan": "Надстройка"
     },
     "productSwitcher": {
       "noApps": "Няма намерени приложения.",
@@ -872,7 +902,9 @@
       "copyToClipboard": "Копирай в клипборда",
       "success": "Успешно",
       "pending": "В изчакване",
-      "enter": "Въведете {{what}}"
+      "enter": "Въведете {{what}}",
+      "permission_one": "разрешение",
+      "permission_other": "разрешения"
     },
     "columns": {
       "columns": "Персонализиране на колони",
@@ -908,6 +940,12 @@
         "unauthorized": "Без разрешение",
         "internalServerError": "Вътрешна сървърна грешка"
       }
+    },
+    "breadcrumbs": {
+      "breadcrumbAriaLabel": "Навигационна следа"
+    },
+    "inlineInput": {
+      "editableField": "Редактируема текстова област"
     }
   },
   "taxonomyDefaultLabels": {