intergalactic 15.129.0 → 15.130.0-prerelease.0

package/inline-edit/lib/cjs/InlineEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_reactToText","_getOriginChildren","style","_index","sstyled","insert","InlineEdit","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","event","viewRef","current","key","_this$viewRef$current","preventDefault","focus","handleOnEdit","bind","_createClass2","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","componentDidUpdate","prevProps","_this2","setTimeout","_this2$viewRef$curren","render","_ref","_ref4","SInlineEdit","Box","_this$asProps2","Children","hasChildren","children","styles","Error","createElement","cn","_objectSpread2","assignProps","Component","i18nEnhance","localizedMessages","defaultEditable","i18n","locale","useHidden","visible","_React$useState","useState","_React$useState2","_slicedToArray2","hidden","setHidden","useEffect","Edit","_ref2","arguments[0]","_ref5","SEdit","FadeInOut","useRef","durationStr","useCssVariable","duration","useMemo","parseInt","Boolean","undefined","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","reactToText","getOriginChildren","trim","concat","_default","createComponent","exports"],"sources":["../../src/InlineEdit.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  Intergalactic,\n  PropGetterFn,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { FadeInOut, FadeInOutProps } from '@semcore/animation';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nimport style from './style/inline-edit.shadow.css';\n\ntype AsProps = {\n  Children: React.FC;\n  defaultEditable?: boolean;\n  editable?: boolean;\n  onEdit?: () => void;\n  styles?: React.CSSProperties;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nclass InlineEdit extends Component<AsProps> {\n  static displayName = 'InlineEdit';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultEditable: false,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  viewRef = React.createRef<HTMLElement>();\n\n  constructor(props: any) {\n    super(props);\n    this.handleOnEdit = this.handleOnEdit.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      editable: null,\n    };\n  }\n\n  getViewProps() {\n    const { editable, getI18nText } = this.asProps;\n\n    return {\n      editable,\n      onEdit: this.handleOnEdit,\n      getI18nText,\n      ref: this.viewRef,\n    };\n  }\n\n  getEditProps() {\n    const { editable } = this.asProps;\n\n    return {\n      editable,\n      onKeyDown: this.handlerKeyDownEdit,\n    };\n  }\n\n  handlerKeyDownEdit = (event: React.KeyboardEvent) => {\n    if (this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {\n      event.preventDefault();\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\n  }\n\n  componentDidUpdate(prevProps: AsProps) {\n    const { editable } = this.props;\n    if (prevProps.editable !== editable && editable === false) {\n      setTimeout(() => {\n        this.viewRef.current?.focus();\n      }, 0);\n    }\n  }\n\n  render() {\n    const SInlineEdit = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n\n    if (!hasChildren) {\n      throw new Error(\n        '<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.',\n      );\n    }\n\n    return sstyled(styles)(\n      <SInlineEdit render={Box}>\n        <Children />\n      </SInlineEdit>,\n    );\n  }\n}\n\nconst useHidden = (visible: boolean) => {\n  const [hidden, setHidden] = React.useState(true);\n\n  React.useEffect(() => {\n    if (visible) {\n      setHidden(false);\n    } else {\n      setTimeout(() => {\n        setHidden(true);\n      }, 200);\n    }\n  }, [visible]);\n\n  return hidden;\n};\n\nconst Edit: React.FC<AsProps> = (props) => {\n  const visible = props.editable;\n  const SEdit = Root;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n  const hidden = useHidden(Boolean(visible));\n\n  return sstyled(props.styles)(\n    <SEdit\n      render={FadeInOut}\n      visible={visible}\n      duration={duration}\n      aria-hidden={hidden ? 'true' : undefined}\n      exiting={!visible}\n      ref={ref}\n    />,\n  ) as React.ReactElement;\n};\n\nconst View: React.FC<AsProps> = (props) => {\n  const visible = !props.editable;\n  const SView = Root;\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!visible) return;\n      if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onEdit();\n      }\n    },\n    [visible, props.onEdit],\n  );\n  const textContent = reactToText(getOriginChildren(props.Children)).trim();\n  const hidden = useHidden(Boolean(visible));\n\n  return sstyled(props.styles)(\n    <SView\n      render={FadeInOut}\n      visible={visible}\n      preserveNode\n      tabIndex={0}\n      role='button'\n      aria-hidden={hidden ? 'true' : undefined}\n      aria-label={`${props.getI18nText('tapToEdit')}: ${textContent}`}\n      onClick={visible ? props.onEdit : undefined}\n      onKeyDown={handleKeyDown}\n    />,\n  ) as React.ReactElement;\n};\n\ntype InlineEditProps = BoxProps & {\n  editable?: boolean;\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  defaultEditable?: boolean;\n  onEdit?: () => void;\n  locale?: string;\n};\ntype InlineEditViewProps = BoxProps & FadeInOutProps & {};\ntype InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\nexport default createComponent(InlineEdit, {\n  Edit,\n  View,\n}) as Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"InlineEdit.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_reactToText","_getOriginChildren","style","_index","sstyled","insert","InlineEdit","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","event","viewRef","current","key","_this$viewRef$current","preventDefault","focus","handleOnEdit","bind","_createClass2","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","componentDidUpdate","prevProps","_this2","setTimeout","_this2$viewRef$curren","render","_ref","_ref4","SInlineEdit","Box","_this$asProps2","Children","hasChildren","children","styles","Error","createElement","cn","_objectSpread2","assignProps","Component","i18nEnhance","localizedMessages","defaultEditable","i18n","locale","useHidden","visible","_React$useState","useState","_React$useState2","_slicedToArray2","hidden","setHidden","useEffect","Edit","_ref2","arguments[0]","_ref5","SEdit","FadeInOut","useRef","durationStr","useCssVariable","duration","useMemo","parseInt","Boolean","undefined","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","reactToText","getOriginChildren","trim","concat","_default","createComponent","exports"],"sources":["../../src/InlineEdit.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  Intergalactic,\n  PropGetterFn,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { FadeInOut, FadeInOutProps } from '@semcore/animation';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nimport style from './style/inline-edit.shadow.css';\n\ntype AsProps = {\n  Children: React.FC;\n  defaultEditable?: boolean;\n  editable?: boolean;\n  onEdit?: () => void;\n  styles?: React.CSSProperties;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nclass InlineEdit extends Component<AsProps> {\n  static displayName = 'InlineEdit';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultEditable: false,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  viewRef = React.createRef<HTMLElement>();\n\n  constructor(props: any) {\n    super(props);\n    this.handleOnEdit = this.handleOnEdit.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      editable: null,\n    };\n  }\n\n  getViewProps() {\n    const { editable, getI18nText } = this.asProps;\n\n    return {\n      editable,\n      onEdit: this.handleOnEdit,\n      getI18nText,\n      ref: this.viewRef,\n    };\n  }\n\n  getEditProps() {\n    const { editable } = this.asProps;\n\n    return {\n      editable,\n      onKeyDown: this.handlerKeyDownEdit,\n    };\n  }\n\n  handlerKeyDownEdit = (event: React.KeyboardEvent) => {\n    if (this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {\n      event.preventDefault();\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\n  }\n\n  componentDidUpdate(prevProps: AsProps) {\n    const { editable } = this.props;\n    if (prevProps.editable !== editable && editable === false) {\n      setTimeout(() => {\n        this.viewRef.current?.focus();\n      }, 0);\n    }\n  }\n\n  render() {\n    const SInlineEdit = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n\n    if (!hasChildren) {\n      throw new Error(\n        '<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.',\n      );\n    }\n\n    return sstyled(styles)(\n      <SInlineEdit render={Box}>\n        <Children />\n      </SInlineEdit>,\n    );\n  }\n}\n\nconst useHidden = (visible: boolean) => {\n  const [hidden, setHidden] = React.useState(true);\n\n  React.useEffect(() => {\n    if (visible) {\n      setHidden(false);\n    } else {\n      setTimeout(() => {\n        setHidden(true);\n      }, 200);\n    }\n  }, [visible]);\n\n  return hidden;\n};\n\nconst Edit: React.FC<AsProps> = (props) => {\n  const visible = props.editable;\n  const SEdit = Root;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n  const hidden = useHidden(Boolean(visible));\n\n  return sstyled(props.styles)(\n    <SEdit\n      render={FadeInOut}\n      visible={visible}\n      duration={duration}\n      aria-hidden={hidden ? 'true' : undefined}\n      exiting={!visible}\n      ref={ref}\n    />,\n  ) as React.ReactElement;\n};\n\nconst View: React.FC<AsProps> = (props) => {\n  const visible = !props.editable;\n  const SView = Root;\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!visible) return;\n      if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onEdit();\n      }\n    },\n    [visible, props.onEdit],\n  );\n  const textContent = reactToText(getOriginChildren(props.Children)).trim();\n  const hidden = useHidden(Boolean(visible));\n\n  return sstyled(props.styles)(\n    <SView\n      render={FadeInOut}\n      visible={visible}\n      preserveNode\n      tabIndex={0}\n      role='button'\n      aria-hidden={hidden ? 'true' : undefined}\n      aria-label={`${props.getI18nText('tapToEdit')}: ${textContent}`}\n      onClick={visible ? props.onEdit : undefined}\n      onKeyDown={handleKeyDown}\n    />,\n  ) as React.ReactElement;\n};\n\ntype InlineEditProps = BoxProps & {\n  editable?: boolean;\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  defaultEditable?: boolean;\n  onEdit?: () => void;\n  locale?: string;\n};\ntype InlineEditViewProps = BoxProps & FadeInOutProps & {};\ntype InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\nexport default createComponent(InlineEdit, {\n  Edit,\n  View,\n}) as Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\n"],"mappings":"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"}

package/inline-edit/lib/es6/InlineEdit.js

@@ -19,11 +19,13 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { useCssVariable } from 'intergalactic/utils/lib/useCssVariable';
 import reactToText from 'intergalactic/utils/lib/reactToText';
 import getOriginChildren from 'intergalactic/utils/lib/getOriginChildren';
-/*__reshadow-styles__:"./style/inline-edit.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineEdit_lono3_gg_{display:inline-block;position:relative}.___SEdit_lono3_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_lono3_gg_{cursor:pointer}.___SView_lono3_gg_:active,.___SView_lono3_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "lono3_gg_") /*__reshadow_css_end__*/, {
-  "__SInlineEdit": "___SInlineEdit_lono3_gg_",
-  "__SEdit": "___SEdit_lono3_gg_",
-  "__SView": "___SView_lono3_gg_"
+/*!__reshadow-styles__:"./style/inline-edit.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineEdit_g3ufg_gg_{display:inline-block;position:relative}.___SEdit_g3ufg_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_g3ufg_gg_{cursor:pointer}.___SView_g3ufg_gg_:active,.___SView_g3ufg_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}", /*__inner_css_end__*/"g3ufg_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SInlineEdit": "___SInlineEdit_g3ufg_gg_",
+  "__SEdit": "___SEdit_g3ufg_gg_",
+  "__SView": "___SView_g3ufg_gg_"
 });
 var InlineEdit = /*#__PURE__*/function (_Component) {
   _inherits(InlineEdit, _Component);

package/inline-edit/lib/es6/InlineEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.js","names":["React","createComponent","Component","sstyled","Root","Box","FadeInOut","localizedMessages","i18nEnhance","useCssVariable","reactToText","getOriginChildren","style","_sstyled","insert","InlineEdit","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","event","viewRef","current","key","_this$viewRef$current","preventDefault","focus","handleOnEdit","bind","_createClass","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","componentDidUpdate","prevProps","_this2","setTimeout","_this2$viewRef$curren","render","_ref","_ref4","SInlineEdit","_this$asProps2","Children","hasChildren","children","styles","Error","createElement","cn","_objectSpread","_assignProps","defaultEditable","i18n","locale","useHidden","visible","_React$useState","useState","_React$useState2","_slicedToArray","hidden","setHidden","useEffect","Edit","_ref2","arguments[0]","_ref5","SEdit","useRef","durationStr","duration","useMemo","parseInt","Boolean","_assignProps2","undefined","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","trim","_assignProps3","concat"],"sources":["../../src/InlineEdit.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  Intergalactic,\n  PropGetterFn,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { FadeInOut, FadeInOutProps } from '@semcore/animation';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nimport style from './style/inline-edit.shadow.css';\n\ntype AsProps = {\n  Children: React.FC;\n  defaultEditable?: boolean;\n  editable?: boolean;\n  onEdit?: () => void;\n  styles?: React.CSSProperties;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nclass InlineEdit extends Component<AsProps> {\n  static displayName = 'InlineEdit';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultEditable: false,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  viewRef = React.createRef<HTMLElement>();\n\n  constructor(props: any) {\n    super(props);\n    this.handleOnEdit = this.handleOnEdit.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      editable: null,\n    };\n  }\n\n  getViewProps() {\n    const { editable, getI18nText } = this.asProps;\n\n    return {\n      editable,\n      onEdit: this.handleOnEdit,\n      getI18nText,\n      ref: this.viewRef,\n    };\n  }\n\n  getEditProps() {\n    const { editable } = this.asProps;\n\n    return {\n      editable,\n      onKeyDown: this.handlerKeyDownEdit,\n    };\n  }\n\n  handlerKeyDownEdit = (event: React.KeyboardEvent) => {\n    if (this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {\n      event.preventDefault();\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\n  }\n\n  componentDidUpdate(prevProps: AsProps) {\n    const { editable } = this.props;\n    if (prevProps.editable !== editable && editable === false) {\n      setTimeout(() => {\n        this.viewRef.current?.focus();\n      }, 0);\n    }\n  }\n\n  render() {\n    const SInlineEdit = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n\n    if (!hasChildren) {\n      throw new Error(\n        '<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.',\n      );\n    }\n\n    return sstyled(styles)(\n      <SInlineEdit render={Box}>\n        <Children />\n      </SInlineEdit>,\n    );\n  }\n}\n\nconst useHidden = (visible: boolean) => {\n  const [hidden, setHidden] = React.useState(true);\n\n  React.useEffect(() => {\n    if (visible) {\n      setHidden(false);\n    } else {\n      setTimeout(() => {\n        setHidden(true);\n      }, 200);\n    }\n  }, [visible]);\n\n  return hidden;\n};\n\nconst Edit: React.FC<AsProps> = (props) => {\n  const visible = props.editable;\n  const SEdit = Root;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n  const hidden = useHidden(Boolean(visible));\n\n  return sstyled(props.styles)(\n    <SEdit\n      render={FadeInOut}\n      visible={visible}\n      duration={duration}\n      aria-hidden={hidden ? 'true' : undefined}\n      exiting={!visible}\n      ref={ref}\n    />,\n  ) as React.ReactElement;\n};\n\nconst View: React.FC<AsProps> = (props) => {\n  const visible = !props.editable;\n  const SView = Root;\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!visible) return;\n      if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onEdit();\n      }\n    },\n    [visible, props.onEdit],\n  );\n  const textContent = reactToText(getOriginChildren(props.Children)).trim();\n  const hidden = useHidden(Boolean(visible));\n\n  return sstyled(props.styles)(\n    <SView\n      render={FadeInOut}\n      visible={visible}\n      preserveNode\n      tabIndex={0}\n      role='button'\n      aria-hidden={hidden ? 'true' : undefined}\n      aria-label={`${props.getI18nText('tapToEdit')}: ${textContent}`}\n      onClick={visible ? props.onEdit : undefined}\n      onKeyDown={handleKeyDown}\n    />,\n  ) as React.ReactElement;\n};\n\ntype InlineEditProps = BoxProps & {\n  editable?: boolean;\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  defaultEditable?: boolean;\n  onEdit?: () => void;\n  locale?: string;\n};\ntype InlineEditViewProps = BoxProps & FadeInOutProps & {};\ntype InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\nexport default createComponent(InlineEdit, {\n  Edit,\n  View,\n}) as Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"InlineEdit.js","names":["React","createComponent","Component","sstyled","Root","Box","FadeInOut","localizedMessages","i18nEnhance","useCssVariable","reactToText","getOriginChildren","style","_sstyled","insert","InlineEdit","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","event","viewRef","current","key","_this$viewRef$current","preventDefault","focus","handleOnEdit","bind","_createClass","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","componentDidUpdate","prevProps","_this2","setTimeout","_this2$viewRef$curren","render","_ref","_ref4","SInlineEdit","_this$asProps2","Children","hasChildren","children","styles","Error","createElement","cn","_objectSpread","_assignProps","defaultEditable","i18n","locale","useHidden","visible","_React$useState","useState","_React$useState2","_slicedToArray","hidden","setHidden","useEffect","Edit","_ref2","arguments[0]","_ref5","SEdit","useRef","durationStr","duration","useMemo","parseInt","Boolean","_assignProps2","undefined","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","trim","_assignProps3","concat"],"sources":["../../src/InlineEdit.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  Intergalactic,\n  PropGetterFn,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { FadeInOut, FadeInOutProps } from '@semcore/animation';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nimport style from './style/inline-edit.shadow.css';\n\ntype AsProps = {\n  Children: React.FC;\n  defaultEditable?: boolean;\n  editable?: boolean;\n  onEdit?: () => void;\n  styles?: React.CSSProperties;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nclass InlineEdit extends Component<AsProps> {\n  static displayName = 'InlineEdit';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultEditable: false,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  viewRef = React.createRef<HTMLElement>();\n\n  constructor(props: any) {\n    super(props);\n    this.handleOnEdit = this.handleOnEdit.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      editable: null,\n    };\n  }\n\n  getViewProps() {\n    const { editable, getI18nText } = this.asProps;\n\n    return {\n      editable,\n      onEdit: this.handleOnEdit,\n      getI18nText,\n      ref: this.viewRef,\n    };\n  }\n\n  getEditProps() {\n    const { editable } = this.asProps;\n\n    return {\n      editable,\n      onKeyDown: this.handlerKeyDownEdit,\n    };\n  }\n\n  handlerKeyDownEdit = (event: React.KeyboardEvent) => {\n    if (this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {\n      event.preventDefault();\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\n  }\n\n  componentDidUpdate(prevProps: AsProps) {\n    const { editable } = this.props;\n    if (prevProps.editable !== editable && editable === false) {\n      setTimeout(() => {\n        this.viewRef.current?.focus();\n      }, 0);\n    }\n  }\n\n  render() {\n    const SInlineEdit = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n\n    if (!hasChildren) {\n      throw new Error(\n        '<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.',\n      );\n    }\n\n    return sstyled(styles)(\n      <SInlineEdit render={Box}>\n        <Children />\n      </SInlineEdit>,\n    );\n  }\n}\n\nconst useHidden = (visible: boolean) => {\n  const [hidden, setHidden] = React.useState(true);\n\n  React.useEffect(() => {\n    if (visible) {\n      setHidden(false);\n    } else {\n      setTimeout(() => {\n        setHidden(true);\n      }, 200);\n    }\n  }, [visible]);\n\n  return hidden;\n};\n\nconst Edit: React.FC<AsProps> = (props) => {\n  const visible = props.editable;\n  const SEdit = Root;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n  const hidden = useHidden(Boolean(visible));\n\n  return sstyled(props.styles)(\n    <SEdit\n      render={FadeInOut}\n      visible={visible}\n      duration={duration}\n      aria-hidden={hidden ? 'true' : undefined}\n      exiting={!visible}\n      ref={ref}\n    />,\n  ) as React.ReactElement;\n};\n\nconst View: React.FC<AsProps> = (props) => {\n  const visible = !props.editable;\n  const SView = Root;\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!visible) return;\n      if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onEdit();\n      }\n    },\n    [visible, props.onEdit],\n  );\n  const textContent = reactToText(getOriginChildren(props.Children)).trim();\n  const hidden = useHidden(Boolean(visible));\n\n  return sstyled(props.styles)(\n    <SView\n      render={FadeInOut}\n      visible={visible}\n      preserveNode\n      tabIndex={0}\n      role='button'\n      aria-hidden={hidden ? 'true' : undefined}\n      aria-label={`${props.getI18nText('tapToEdit')}: ${textContent}`}\n      onClick={visible ? props.onEdit : undefined}\n      onKeyDown={handleKeyDown}\n    />,\n  ) as React.ReactElement;\n};\n\ntype InlineEditProps = BoxProps & {\n  editable?: boolean;\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  defaultEditable?: boolean;\n  onEdit?: () => void;\n  locale?: string;\n};\ntype InlineEditViewProps = BoxProps & FadeInOutProps & {};\ntype InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\nexport default createComponent(InlineEdit, {\n  Edit,\n  View,\n}) as Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\n"],"mappings":"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"}

package/inline-edit/lib/esm/InlineEdit.mjs

@@ -1,140 +1,179 @@
-import b from "@babel/runtime/helpers/esm/slicedToArray";
-import m from "@babel/runtime/helpers/esm/objectSpread2";
-import w from "@babel/runtime/helpers/esm/classCallCheck";
-import S from "@babel/runtime/helpers/esm/createClass";
-import f from "@babel/runtime/helpers/esm/assertThisInitialized";
-import I from "@babel/runtime/helpers/esm/inherits";
-import x from "@babel/runtime/helpers/esm/createSuper";
-import s from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as k } from 'intergalactic/utils/lib/core/index';
-import C, { sstyled as v, assignProps as h, Component as P } from 'intergalactic/core';
-import l from "react";
-import { Box as V } from 'intergalactic/flex-box';
-import { FadeInOut as p } from 'intergalactic/animation';
-import { localizedMessages as E } from "./translations/__intergalactic-dynamic-locales.mjs";
-import T from 'intergalactic/utils/lib/enhances/i18nEnhance';
-import { useCssVariable as D } from 'intergalactic/utils/lib/useCssVariable';
-import R from 'intergalactic/utils/lib/reactToText';
-import O from 'intergalactic/utils/lib/getOriginChildren';
-var K = (
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Box } from 'intergalactic/flex-box';
+import { FadeInOut } from 'intergalactic/animation';
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { useCssVariable } from 'intergalactic/utils/lib/useCssVariable';
+import reactToText from 'intergalactic/utils/lib/reactToText';
+import getOriginChildren from 'intergalactic/utils/lib/getOriginChildren';
+/*!__reshadow-styles__:"./style/inline-edit.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (k.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SInlineEdit_lono3_gg_{display:inline-block;position:relative}.___SEdit_lono3_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_lono3_gg_{cursor:pointer}.___SView_lono3_gg_:active,.___SView_lono3_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}",
-    "lono3_gg_"
-  ), {
-    __SInlineEdit: "___SInlineEdit_lono3_gg_",
-    __SEdit: "___SEdit_lono3_gg_",
-    __SView: "___SView_lono3_gg_"
+    ".___SInlineEdit_g3ufg_gg_{display:inline-block;position:relative}.___SEdit_g3ufg_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_g3ufg_gg_{cursor:pointer}.___SView_g3ufg_gg_:active,.___SView_g3ufg_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}",
+    /*__inner_css_end__*/
+    "g3ufg_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SInlineEdit": "___SInlineEdit_g3ufg_gg_",
+    "__SEdit": "___SEdit_g3ufg_gg_",
+    "__SView": "___SView_g3ufg_gg_"
   })
-), c = /* @__PURE__ */ function(_) {
-  I(a, _);
-  var i = x(a);
-  function a(n) {
-    var e;
-    return w(this, a), e = i.call(this, n), s(f(e), "viewRef", /* @__PURE__ */ l.createRef()), s(f(e), "handlerKeyDownEdit", function(t) {
-      if (e.viewRef.current && (t.key === "Enter" || t.key === "Escape")) {
-        var r;
-        t.preventDefault(), (r = e.viewRef.current) === null || r === void 0 || r.focus();
+);
+var InlineEdit = /* @__PURE__ */ function(_Component) {
+  _inherits(InlineEdit2, _Component);
+  var _super = _createSuper(InlineEdit2);
+  function InlineEdit2(props) {
+    var _this;
+    _classCallCheck(this, InlineEdit2);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "viewRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "handlerKeyDownEdit", function(event) {
+      if (_this.viewRef.current && (event.key === "Enter" || event.key === "Escape")) {
+        var _this$viewRef$current;
+        event.preventDefault();
+        (_this$viewRef$current = _this.viewRef.current) === null || _this$viewRef$current === void 0 ? void 0 : _this$viewRef$current.focus();
       }
-    }), e.handleOnEdit = e.handleOnEdit.bind(f(e)), e;
+    });
+    _this.handleOnEdit = _this.handleOnEdit.bind(_assertThisInitialized(_this));
+    return _this;
   }
-  return S(a, [{
+  _createClass(InlineEdit2, [{
     key: "uncontrolledProps",
-    value: function() {
+    value: function uncontrolledProps() {
       return {
         editable: null
       };
     }
   }, {
     key: "getViewProps",
-    value: function() {
-      var e = this.asProps, t = e.editable, r = e.getI18nText;
+    value: function getViewProps() {
+      var _this$asProps = this.asProps, editable = _this$asProps.editable, getI18nText = _this$asProps.getI18nText;
       return {
-        editable: t,
+        editable,
         onEdit: this.handleOnEdit,
-        getI18nText: r,
+        getI18nText,
         ref: this.viewRef
       };
     }
   }, {
     key: "getEditProps",
-    value: function() {
-      var e = this.asProps.editable;
+    value: function getEditProps() {
+      var editable = this.asProps.editable;
       return {
-        editable: e,
+        editable,
         onKeyDown: this.handlerKeyDownEdit
       };
     }
   }, {
     key: "handleOnEdit",
-    value: function() {
-      this.handlers.editable(!0);
+    value: function handleOnEdit() {
+      this.handlers.editable(true);
     }
   }, {
     key: "componentDidUpdate",
-    value: function(e) {
-      var t = this, r = this.props.editable;
-      e.editable !== r && r === !1 && setTimeout(function() {
-        var o;
-        (o = t.viewRef.current) === null || o === void 0 || o.focus();
-      }, 0);
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+      var editable = this.props.editable;
+      if (prevProps.editable !== editable && editable === false) {
+        setTimeout(function() {
+          var _this2$viewRef$curren;
+          (_this2$viewRef$curren = _this2.viewRef.current) === null || _this2$viewRef$curren === void 0 ? void 0 : _this2$viewRef$curren.focus();
+        }, 0);
+      }
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, t, r = V, o = this.asProps, u = o.Children, d = o.children, y = o.styles;
-      if (!d)
+    value: function render() {
+      var _ref = this.asProps, _ref4;
+      var SInlineEdit = Box;
+      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, hasChildren = _this$asProps2.children, styles = _this$asProps2.styles;
+      if (!hasChildren) {
         throw new Error("<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.");
-      return t = v(y), /* @__PURE__ */ l.createElement(r, t.cn("SInlineEdit", m({}, h({}, e))), /* @__PURE__ */ l.createElement(u, t.cn("Children", {})));
+      }
+      return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SInlineEdit, _ref4.cn("SInlineEdit", _objectSpread({}, assignProps({}, _ref))), /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})));
     }
-  }]), a;
-}(P);
-s(c, "displayName", "InlineEdit");
-s(c, "style", K);
-s(c, "enhance", [T(E)]);
-s(c, "defaultProps", {
-  defaultEditable: !1,
-  i18n: E,
+  }]);
+  return InlineEdit2;
+}(Component);
+_defineProperty(InlineEdit, "displayName", "InlineEdit");
+_defineProperty(InlineEdit, "style", style);
+_defineProperty(InlineEdit, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(InlineEdit, "defaultProps", {
+  defaultEditable: false,
+  i18n: localizedMessages,
   locale: "en"
 });
-var g = function(i) {
-  var a = l.useState(!0), n = b(a, 2), e = n[0], t = n[1];
-  return l.useEffect(function() {
-    i ? t(!1) : setTimeout(function() {
-      t(!0);
-    }, 200);
-  }, [i]), e;
-}, $ = function(i) {
-  var a = arguments[0], n, e = i.editable, t = p, r = l.useRef(), o = D("--intergalactic-duration-control", "200", r), u = l.useMemo(function() {
-    return parseInt(o, 10);
-  }, [o]), d = g(!!e);
-  return n = v(i.styles), /* @__PURE__ */ l.createElement(t, n.cn("SEdit", m({}, h({
-    visible: e,
-    duration: u,
-    "aria-hidden": d ? "true" : void 0,
-    exiting: !e,
-    ref: r
-  }, a))));
-}, z = function(i) {
-  var a = arguments[0], n, e = !i.editable, t = p, r = l.useCallback(function(d) {
-    e && i.onEdit && (d.key === "Enter" || d.key === " ") && (d.preventDefault(), i.onEdit());
-  }, [e, i.onEdit]), o = R(O(i.Children)).trim(), u = g(!!e);
-  return n = v(i.styles), /* @__PURE__ */ l.createElement(t, n.cn("SView", m({}, h({
-    visible: e,
-    preserveNode: !0,
-    tabIndex: 0,
-    role: "button",
-    "aria-hidden": u ? "true" : void 0,
-    "aria-label": "".concat(i.getI18nText("tapToEdit"), ": ").concat(o),
-    onClick: e ? i.onEdit : void 0,
-    onKeyDown: r
-  }, a))));
+var useHidden = function useHidden2(visible) {
+  var _React$useState = React.useState(true), _React$useState2 = _slicedToArray(_React$useState, 2), hidden = _React$useState2[0], setHidden = _React$useState2[1];
+  React.useEffect(function() {
+    if (visible) {
+      setHidden(false);
+    } else {
+      setTimeout(function() {
+        setHidden(true);
+      }, 200);
+    }
+  }, [visible]);
+  return hidden;
+};
+var Edit = function Edit2(props) {
+  var _ref2 = arguments[0], _ref5;
+  var visible = props.editable;
+  var SEdit = FadeInOut;
+  var ref = React.useRef();
+  var durationStr = useCssVariable("--intergalactic-duration-control", "200", ref);
+  var duration = React.useMemo(function() {
+    return parseInt(durationStr, 10);
+  }, [durationStr]);
+  var hidden = useHidden(Boolean(visible));
+  return _ref5 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SEdit, _ref5.cn("SEdit", _objectSpread({}, assignProps({
+    "visible": visible,
+    "duration": duration,
+    "aria-hidden": hidden ? "true" : void 0,
+    "exiting": !visible,
+    "ref": ref
+  }, _ref2))));
+};
+var View = function View2(props) {
+  var _ref3 = arguments[0], _ref6;
+  var visible = !props.editable;
+  var SView = FadeInOut;
+  var handleKeyDown = React.useCallback(function(event) {
+    if (!visible) return;
+    if (props.onEdit && (event.key === "Enter" || event.key === " ")) {
+      event.preventDefault();
+      props.onEdit();
+    }
+  }, [visible, props.onEdit]);
+  var textContent = reactToText(getOriginChildren(props.Children)).trim();
+  var hidden = useHidden(Boolean(visible));
+  return _ref6 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SView, _ref6.cn("SView", _objectSpread({}, assignProps({
+    "visible": visible,
+    "preserveNode": true,
+    "tabIndex": 0,
+    "role": "button",
+    "aria-hidden": hidden ? "true" : void 0,
+    "aria-label": "".concat(props.getI18nText("tapToEdit"), ": ").concat(textContent),
+    "onClick": visible ? props.onEdit : void 0,
+    "onKeyDown": handleKeyDown
+  }, _ref3))));
 };
-const te = C(c, {
-  Edit: $,
-  View: z
+const InlineEdit$1 = createComponent(InlineEdit, {
+  Edit,
+  View
 });
 export {
-  te as default
+  InlineEdit$1 as default
 };

package/inline-edit/lib/esm/index.mjs

@@ -1,4 +1,4 @@
-import { default as o } from "./InlineEdit.mjs";
+import { default as default2 } from "./InlineEdit.mjs";
 export {
-  o as default
+  default2 as default
 };

package/inline-edit/lib/esm/style/inline-edit.shadow.css

@@ -0,0 +1,26 @@
+SInlineEdit {
+  display: inline-block;
+  position: relative;
+}
+
+SEdit {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  z-index: 1;
+}
+
+SView {
+  cursor: pointer;
+
+  &:focus,
+  &:active {
+    outline: none;
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+  }
+}

package/inline-edit/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -1,33 +1,33 @@
-import r from "./de.json.mjs";
-import o from "./en.json.mjs";
-import m from "./es.json.mjs";
-import t from "./fr.json.mjs";
-import i from "./it.json.mjs";
-import p from "./ja.json.mjs";
-import f from "./ko.json.mjs";
-import e from "./nl.json.mjs";
-import s from "./pt.json.mjs";
-import a from "./tr.json.mjs";
-import l from "./vi.json.mjs";
-import v from "./zh.json.mjs";
-import d from "./pl.json.mjs";
-import n from "./sv.json.mjs";
-var B = {
-  de: r,
-  en: o,
-  es: m,
-  fr: t,
-  it: i,
-  ja: p,
-  ko: f,
-  nl: e,
-  pt: s,
-  tr: a,
-  vi: l,
-  zh: v,
-  pl: d,
-  sv: n
+import de from "./de.json.mjs";
+import en from "./en.json.mjs";
+import es from "./es.json.mjs";
+import fr from "./fr.json.mjs";
+import it from "./it.json.mjs";
+import ja from "./ja.json.mjs";
+import ko from "./ko.json.mjs";
+import nl from "./nl.json.mjs";
+import pt from "./pt.json.mjs";
+import tr from "./tr.json.mjs";
+import vi from "./vi.json.mjs";
+import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
+var localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 export {
-  B as localizedMessages
+  localizedMessages
 };

package/inline-edit/lib/esm/translations/de.json.mjs

@@ -1,7 +1,8 @@
-const t = "Bearbeiten", e = {
-  tapToEdit: t
+const tapToEdit = "Bearbeiten";
+const de = {
+  tapToEdit
 };
 export {
-  e as default,
-  t as tapToEdit
+  de as default,
+  tapToEdit
 };

package/inline-edit/lib/esm/translations/en.json.mjs

@@ -1,7 +1,8 @@
-const t = "Edit", o = {
-  tapToEdit: t
+const tapToEdit = "Edit";
+const en = {
+  tapToEdit
 };
 export {
-  o as default,
-  t as tapToEdit
+  en as default,
+  tapToEdit
 };

package/inline-edit/lib/esm/translations/es.json.mjs

@@ -1,7 +1,8 @@
-const t = "Editar", a = {
-  tapToEdit: t
+const tapToEdit = "Editar";
+const es = {
+  tapToEdit
 };
 export {
-  a as default,
-  t as tapToEdit
+  es as default,
+  tapToEdit
 };

package/inline-edit/lib/esm/translations/fr.json.mjs

@@ -1,7 +1,8 @@
-const t = "Modifier", o = {
-  tapToEdit: t
+const tapToEdit = "Modifier";
+const fr = {
+  tapToEdit
 };
 export {
-  o as default,
-  t as tapToEdit
+  fr as default,
+  tapToEdit
 };

package/inline-edit/lib/esm/translations/it.json.mjs

@@ -1,7 +1,8 @@
-const t = "Modifica", o = {
-  tapToEdit: t
+const tapToEdit = "Modifica";
+const it = {
+  tapToEdit
 };
 export {
-  o as default,
-  t as tapToEdit
+  it as default,
+  tapToEdit
 };

package/inline-edit/lib/esm/translations/ja.json.mjs

@@ -1,7 +1,8 @@
-const t = "編集", a = {
-  tapToEdit: t
+const tapToEdit = "編集";
+const ja = {
+  tapToEdit
 };
 export {
-  a as default,
-  t as tapToEdit
+  ja as default,
+  tapToEdit
 };