@dnb/eufemia 10.19.0 → 10.21.0

package/components/date-picker/DatePickerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerProvider.js","names":["React","PropTypes","isSameMonth","isValid","format","differenceInCalendarDays","Context","isTrue","dispatchCustomElementEvent","convertStringToDate","correctV1Format","isDisabled","DatePickerContext","getViews","DatePickerProvider","PureComponent","getDerivedStateFromProps","props","state","isRange","range","_listenForPropChanges","startDate","undefined","date_format","date","_date","start_date","_startDate","endDate","end_date","_endDate","start_month","_startMonth","startMonth","end_month","_endMonth","endMonth","min_date","_minDate","minDate","max_date","_maxDate","maxDate","correct_invalid_date","lastEventCallCache","__startDay","pad","__startMonth","__startYear","hasHadValidDate","__endDay","__endMonth","__endYear","changeMonthViews","views","month","_month","constructor","_this","this","_defineProperty","cb","arguments","length","setState","_objectSpread","args","getReturnObject","_ref","event","rest","_objectWithoutProperties","_excluded","attributes","returnFormat","return_format","startDateIsValid","Boolean","endDateIsValid","ret","days_between","is_valid_start_date","is_valid_end_date","is_valid","setReturnObject","render","children","createElement","Provider","value","translation","context","setViews","updateState","callOnChangeHandler","enhanceWithMethods","process","env","NODE_ENV","propTypes","oneOfType","instanceOf","Date","string","bool","isRequired","func","object","node","num","size","substr"],"sources":["../../../../src/components/date-picker/DatePickerProvider.js"],"sourcesContent":["/**\n * Web DatePicker Provider\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport isSameMonth from 'date-fns/isSameMonth'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport {\n  convertStringToDate,\n  correctV1Format,\n  isDisabled,\n} from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\nimport { getViews } from './DatePickerRange'\n\nexport default class DatePickerProvider extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    min_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    max_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    return_format: PropTypes.string,\n\n    range: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])\n      .isRequired,\n    setReturnObject: PropTypes.func.isRequired,\n    enhanceWithMethods: PropTypes.object,\n\n    attributes: PropTypes.object,\n    children: PropTypes.node.isRequired,\n  }\n\n  static defaultProps = {\n    min_date: null,\n    max_date: null,\n    return_format: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n    attributes: null,\n    enhanceWithMethods: null,\n  }\n\n  state = { _listenForPropChanges: true, changeMonthViews: false }\n\n  static getDerivedStateFromProps(props, state) {\n    const isRange = isTrue(props.range)\n\n    if (state._listenForPropChanges) {\n      let startDate = undefined\n      const date_format = props.date_format\n\n      // Handle startDate/endDate\n      if (\n        typeof props.date !== 'undefined' &&\n        props.date !== state._date\n      ) {\n        startDate = props.date\n      }\n      if (\n        typeof props.start_date !== 'undefined' &&\n        props.start_date !== state._startDate\n      ) {\n        startDate = props.start_date\n      }\n      if (\n        typeof startDate !== 'undefined' &&\n        startDate !== state.startDate\n      ) {\n        state.startDate =\n          convertStringToDate(startDate, {\n            date_format,\n          }) || undefined\n\n        if (!isTrue(props.range)) {\n          state.endDate = state.startDate\n        }\n      }\n      if (\n        typeof props.end_date !== 'undefined' &&\n        isTrue(props.range) &&\n        props.end_date !== state._endDate\n      ) {\n        state.endDate =\n          convertStringToDate(props.end_date, {\n            date_format,\n          }) || undefined\n      }\n\n      // Handle startMonth/endMonth\n      if (\n        typeof props.start_month !== 'undefined' &&\n        props.start_month !== state._startMonth\n      ) {\n        state.startMonth = convertStringToDate(props.start_month, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.end_month !== 'undefined' &&\n        props.end_month !== state._endMonth\n      ) {\n        state.endMonth = convertStringToDate(props.end_month, {\n          date_format,\n        })\n      }\n\n      // Handle minDate/maxDate\n      if (\n        typeof props.min_date !== 'undefined' &&\n        props.min_date !== state._minDate\n      ) {\n        state.minDate = convertStringToDate(props.min_date, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.max_date !== 'undefined' &&\n        props.max_date !== state._maxDate\n      ) {\n        state.maxDate = convertStringToDate(props.max_date, {\n          date_format,\n        })\n      }\n\n      /**\n       * Because now we do not any more relay on auto \"correction\",\n       * but rather return \"is_valid_start_date=false\"\n       */\n      if (\n        isTrue(props.correct_invalid_date) ||\n        ((typeof props.min_date !== 'undefined' ||\n          typeof props.max_date !== 'undefined') &&\n          props.correct_invalid_date !== false)\n      ) {\n        if (isDisabled(state.startDate, state.minDate, state.maxDate)) {\n          state.startDate = state.minDate\n        }\n        if (isDisabled(state.endDate, state.minDate, state.maxDate)) {\n          // state.endDate is only used by the input if range is set to true.\n          // this is done to make max_date correction work if the input is not a range and only max_date is defined.\n          if (!props.range && !props.min_date) {\n            state.startDate = state.maxDate\n          } else {\n            state.endDate = state.maxDate\n          }\n        }\n      }\n    }\n\n    if (\n      state.lastEventCallCache &&\n      (state.lastEventCallCache.startDate !== state.startDate ||\n        state.lastEventCallCache.endDate !== state.endDate)\n    ) {\n      state.lastEventCallCache = {}\n    }\n\n    if (isValid(state.startDate)) {\n      state.__startDay = pad(format(state.startDate, 'dd'), 2)\n      state.__startMonth = pad(format(state.startDate, 'MM'), 2)\n      state.__startYear = format(state.startDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.startDate === undefined) {\n      state.__startDay = null\n      state.__startMonth = null\n      state.__startYear = null\n    }\n\n    if (isValid(state.endDate)) {\n      state.__endDay = pad(format(state.endDate, 'dd'), 2)\n      state.__endMonth = pad(format(state.endDate, 'MM'), 2)\n      state.__endYear = format(state.endDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.endDate === undefined) {\n      state.__endDay = null\n      state.__endMonth = null\n      state.__endYear = null\n    }\n\n    if (\n      !state.startMonth ||\n      state._date !== props.date ||\n      (state.changeMonthViews &&\n        !isSameMonth(state.startMonth, state.startDate))\n    ) {\n      state.startMonth = state.startDate\n    }\n\n    if (\n      !state.endMonth ||\n      state._date !== props.date ||\n      (isRange &&\n        state.changeMonthViews &&\n        !isSameMonth(state.endMonth, state.endDate))\n    ) {\n      state.endMonth = state.endDate || state.startMonth\n    }\n\n    state.views = getViews(state, isRange)\n\n    // Update the months, in case they do not exist\n    if (!state.startMonth) {\n      state.startMonth = state.views[0].month\n      if (\n        isRange &&\n        !state.endMonth &&\n        typeof state.views[1] !== 'undefined'\n      ) {\n        state.endMonth = state.views[1].month\n      }\n    }\n\n    state.changeMonthViews = false\n    state._listenForPropChanges = true\n    state._date = props.date\n    state._startDate = props.start_date || props.date\n    state._endDate = props.end_date\n    state._startMonth = props.start_month\n    state._endMonth = props.end_month\n    state._month = props.month\n    state._minDate = props.min_date\n    state._maxDate = props.max_date\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n\n    if (typeof props.setReturnObject === 'function') {\n      props.setReturnObject(this.getReturnObject)\n    }\n  }\n\n  setViews = (views, cb = null) => {\n    this.setState({ views, _listenForPropChanges: false }, cb)\n  }\n\n  updateState = (state, cb = null) => {\n    this.setState({ ...state, _listenForPropChanges: false }, cb)\n  }\n\n  callOnChangeHandler = (args) => {\n    /**\n     * Prevent on_change to be fired twice if date not has actually changed\n     * We clear the cache inside getDerivedStateFromProps\n     */\n    if (\n      this.state.lastEventCallCache &&\n      this.state.lastEventCallCache.startDate === this.state.startDate &&\n      this.state.lastEventCallCache.endDate === this.state.endDate\n    ) {\n      return // stop here\n    }\n\n    dispatchCustomElementEvent(\n      this,\n      'on_change',\n      this.getReturnObject(args)\n    )\n\n    const lastEventCallCache = {\n      startDate: this.state.startDate,\n      endDate: this.state.endDate,\n    }\n    this.setState({ lastEventCallCache })\n  }\n\n  getReturnObject = ({ event = null, ...rest } = {}) => {\n    const { startDate, endDate } = { ...this.state, ...rest }\n    const attributes = this.props.attributes || {}\n    const returnFormat = correctV1Format(this.props.return_format)\n    const startDateIsValid = Boolean(startDate && isValid(startDate))\n    const endDateIsValid = Boolean(endDate && isValid(endDate))\n\n    let ret = null\n\n    if (isTrue(this.props.range)) {\n      ret = {\n        event,\n        attributes,\n        days_between:\n          startDateIsValid && endDateIsValid\n            ? differenceInCalendarDays(endDate, startDate)\n            : null,\n        start_date: startDateIsValid\n          ? format(startDate, returnFormat)\n          : null,\n        end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n        is_valid_start_date: startDateIsValid,\n        is_valid_end_date: endDateIsValid,\n      }\n    } else {\n      ret = {\n        event,\n        attributes,\n        date: startDateIsValid ? format(startDate, returnFormat) : null,\n        is_valid: startDateIsValid,\n      }\n    }\n\n    if (this.props.min_date || this.props.max_date) {\n      if (isTrue(this.props.range)) {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_start_date = false\n        }\n        if (\n          endDateIsValid &&\n          isDisabled(endDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_end_date = false\n        }\n      } else {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid = false\n        }\n      }\n    }\n\n    return ret\n  }\n\n  render() {\n    const { children } = this.props\n\n    return (\n      <DatePickerContext.Provider\n        value={{\n          translation: this.context.translation,\n          setViews: this.setViews,\n          updateState: this.updateState,\n          getReturnObject: this.getReturnObject,\n          callOnChangeHandler: this.callOnChangeHandler,\n          props: this.props,\n          ...this.props.enhanceWithMethods,\n          ...this.state,\n        }}\n      >\n        {children}\n      </DatePickerContext.Provider>\n    )\n  }\n}\n\nexport const pad = (num, size) => ('000000000' + num).substr(-size)\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerProvider.js","names":["React","PropTypes","isSameMonth","isValid","format","differenceInCalendarDays","Context","isTrue","dispatchCustomElementEvent","convertStringToDate","correctV1Format","isDisabled","DatePickerContext","getViews","DatePickerProvider","PureComponent","getDerivedStateFromProps","props","state","isRange","range","_listenForPropChanges","startDate","undefined","date_format","date","_date","start_date","_startDate","endDate","end_date","_endDate","start_month","_startMonth","startMonth","end_month","_endMonth","endMonth","min_date","_minDate","minDate","max_date","_maxDate","maxDate","correct_invalid_date","lastEventCallCache","__startDay","pad","__startMonth","__startYear","hasHadValidDate","__endDay","__endMonth","__endYear","changeMonthViews","views","month","_month","constructor","_this","this","_defineProperty","cb","arguments","length","setState","_objectSpread","args","getReturnObject","_ref","event","rest","_objectWithoutProperties","_excluded","attributes","returnFormat","return_format","startDateIsValid","Boolean","endDateIsValid","ret","days_between","is_valid_start_date","is_valid_end_date","is_valid","setReturnObject","render","children","createElement","Provider","value","translation","context","setViews","updateState","callOnChangeHandler","enhanceWithMethods","process","env","NODE_ENV","propTypes","oneOfType","instanceOf","Date","string","bool","isRequired","func","object","node","num","size","substr"],"sources":["../../../../src/components/date-picker/DatePickerProvider.js"],"sourcesContent":["/**\n * Web DatePicker Provider\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport isSameMonth from 'date-fns/isSameMonth'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport {\n  convertStringToDate,\n  correctV1Format,\n  isDisabled,\n} from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\nimport { getViews } from './DatePickerRange'\n\nexport default class DatePickerProvider extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    min_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    max_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    return_format: PropTypes.string,\n\n    range: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])\n      .isRequired,\n    setReturnObject: PropTypes.func.isRequired,\n    enhanceWithMethods: PropTypes.object,\n\n    attributes: PropTypes.object,\n    children: PropTypes.node.isRequired,\n  }\n\n  static defaultProps = {\n    min_date: null,\n    max_date: null,\n    return_format: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n    attributes: null,\n    enhanceWithMethods: null,\n  }\n\n  state = { _listenForPropChanges: true, changeMonthViews: false }\n\n  static getDerivedStateFromProps(props, state) {\n    const isRange = isTrue(props.range)\n\n    if (state._listenForPropChanges) {\n      let startDate = undefined\n      const date_format = props.date_format\n\n      // Handle startDate/endDate\n      if (\n        typeof props.date !== 'undefined' &&\n        props.date !== state._date\n      ) {\n        startDate = props.date\n      }\n      if (\n        typeof props.start_date !== 'undefined' &&\n        props.start_date !== state._startDate\n      ) {\n        startDate = props.start_date\n      }\n      if (\n        typeof startDate !== 'undefined' &&\n        startDate !== state.startDate\n      ) {\n        state.startDate =\n          convertStringToDate(startDate, {\n            date_format,\n          }) || undefined\n\n        if (!isTrue(props.range)) {\n          state.endDate = state.startDate\n        }\n      }\n      if (\n        typeof props.end_date !== 'undefined' &&\n        isTrue(props.range) &&\n        props.end_date !== state._endDate\n      ) {\n        state.endDate =\n          convertStringToDate(props.end_date, {\n            date_format,\n          }) || undefined\n      }\n\n      // Handle startMonth/endMonth\n      if (\n        typeof props.start_month !== 'undefined' &&\n        props.start_month !== state._startMonth\n      ) {\n        state.startMonth = convertStringToDate(props.start_month, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.end_month !== 'undefined' &&\n        props.end_month !== state._endMonth\n      ) {\n        state.endMonth = convertStringToDate(props.end_month, {\n          date_format,\n        })\n      }\n\n      // Handle minDate/maxDate\n      if (\n        typeof props.min_date !== 'undefined' &&\n        props.min_date !== state._minDate\n      ) {\n        state.minDate = convertStringToDate(props.min_date, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.max_date !== 'undefined' &&\n        props.max_date !== state._maxDate\n      ) {\n        state.maxDate = convertStringToDate(props.max_date, {\n          date_format,\n        })\n      }\n    }\n\n    /**\n     * Because now we do not any more relay on auto \"correction\",\n     * but rather return \"is_valid_start_date=false\"\n     */\n    if (\n      isTrue(props.correct_invalid_date) ||\n      ((typeof props.min_date !== 'undefined' ||\n        typeof props.max_date !== 'undefined') &&\n        props.correct_invalid_date !== false)\n    ) {\n      if (isDisabled(state.startDate, state.minDate, state.maxDate)) {\n        state.startDate = state.minDate\n      }\n      if (isDisabled(state.endDate, state.minDate, state.maxDate)) {\n        // state.endDate is only used by the input if range is set to true.\n        // this is done to make max_date correction work if the input is not a range and only max_date is defined.\n        if (!props.range && !props.min_date) {\n          state.startDate = state.maxDate\n        } else {\n          state.endDate = state.maxDate\n        }\n      }\n    }\n\n    if (\n      state.lastEventCallCache &&\n      (state.lastEventCallCache.startDate !== state.startDate ||\n        state.lastEventCallCache.endDate !== state.endDate)\n    ) {\n      state.lastEventCallCache = {}\n    }\n\n    if (isValid(state.startDate)) {\n      state.__startDay = pad(format(state.startDate, 'dd'), 2)\n      state.__startMonth = pad(format(state.startDate, 'MM'), 2)\n      state.__startYear = format(state.startDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.startDate === undefined) {\n      state.__startDay = null\n      state.__startMonth = null\n      state.__startYear = null\n    }\n\n    if (isValid(state.endDate)) {\n      state.__endDay = pad(format(state.endDate, 'dd'), 2)\n      state.__endMonth = pad(format(state.endDate, 'MM'), 2)\n      state.__endYear = format(state.endDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.endDate === undefined) {\n      state.__endDay = null\n      state.__endMonth = null\n      state.__endYear = null\n    }\n\n    if (\n      !state.startMonth ||\n      state._date !== props.date ||\n      (state.changeMonthViews &&\n        !isSameMonth(state.startMonth, state.startDate))\n    ) {\n      state.startMonth = state.startDate\n    }\n\n    if (\n      !state.endMonth ||\n      state._date !== props.date ||\n      (isRange &&\n        state.changeMonthViews &&\n        !isSameMonth(state.endMonth, state.endDate))\n    ) {\n      state.endMonth = state.endDate || state.startMonth\n    }\n\n    state.views = getViews(state, isRange)\n\n    // Update the months, in case they do not exist\n    if (!state.startMonth) {\n      state.startMonth = state.views[0].month\n      if (\n        isRange &&\n        !state.endMonth &&\n        typeof state.views[1] !== 'undefined'\n      ) {\n        state.endMonth = state.views[1].month\n      }\n    }\n\n    state.changeMonthViews = false\n    state._listenForPropChanges = true\n    state._date = props.date\n    state._startDate = props.start_date || props.date\n    state._endDate = props.end_date\n    state._startMonth = props.start_month\n    state._endMonth = props.end_month\n    state._month = props.month\n    state._minDate = props.min_date\n    state._maxDate = props.max_date\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n\n    if (typeof props.setReturnObject === 'function') {\n      props.setReturnObject(this.getReturnObject)\n    }\n  }\n\n  setViews = (views, cb = null) => {\n    this.setState({ views, _listenForPropChanges: false }, cb)\n  }\n\n  updateState = (state, cb = null) => {\n    this.setState({ ...state, _listenForPropChanges: false }, cb)\n  }\n\n  callOnChangeHandler = (args) => {\n    /**\n     * Prevent on_change to be fired twice if date not has actually changed\n     * We clear the cache inside getDerivedStateFromProps\n     */\n    if (\n      this.state.lastEventCallCache &&\n      this.state.lastEventCallCache.startDate === this.state.startDate &&\n      this.state.lastEventCallCache.endDate === this.state.endDate\n    ) {\n      return // stop here\n    }\n\n    dispatchCustomElementEvent(\n      this,\n      'on_change',\n      this.getReturnObject(args)\n    )\n\n    const lastEventCallCache = {\n      startDate: this.state.startDate,\n      endDate: this.state.endDate,\n    }\n    this.setState({ lastEventCallCache })\n  }\n\n  getReturnObject = ({ event = null, ...rest } = {}) => {\n    const { startDate, endDate } = { ...this.state, ...rest }\n    const attributes = this.props.attributes || {}\n    const returnFormat = correctV1Format(this.props.return_format)\n    const startDateIsValid = Boolean(startDate && isValid(startDate))\n    const endDateIsValid = Boolean(endDate && isValid(endDate))\n\n    let ret = null\n\n    if (isTrue(this.props.range)) {\n      ret = {\n        event,\n        attributes,\n        days_between:\n          startDateIsValid && endDateIsValid\n            ? differenceInCalendarDays(endDate, startDate)\n            : null,\n        start_date: startDateIsValid\n          ? format(startDate, returnFormat)\n          : null,\n        end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n        is_valid_start_date: startDateIsValid,\n        is_valid_end_date: endDateIsValid,\n      }\n    } else {\n      ret = {\n        event,\n        attributes,\n        date: startDateIsValid ? format(startDate, returnFormat) : null,\n        is_valid: startDateIsValid,\n      }\n    }\n\n    if (this.props.min_date || this.props.max_date) {\n      if (isTrue(this.props.range)) {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_start_date = false\n        }\n        if (\n          endDateIsValid &&\n          isDisabled(endDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_end_date = false\n        }\n      } else {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid = false\n        }\n      }\n    }\n\n    return ret\n  }\n\n  render() {\n    const { children } = this.props\n\n    return (\n      <DatePickerContext.Provider\n        value={{\n          translation: this.context.translation,\n          setViews: this.setViews,\n          updateState: this.updateState,\n          getReturnObject: this.getReturnObject,\n          callOnChangeHandler: this.callOnChangeHandler,\n          props: this.props,\n          ...this.props.enhanceWithMethods,\n          ...this.state,\n        }}\n      >\n        {children}\n      </DatePickerContext.Provider>\n    )\n  }\n}\n\nexport const pad = (num, size) => ('000000000' + num).substr(-size)\n"],"mappings":"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"}

package/components/flex/Container.js

@@ -111,7 +111,7 @@ function FlexContainer(props) {
   const n = 'dnb-flex-container';
   const getRowGapClass = useCallback(() => {
     if (rowGap === false) {
-      return;
+      return `${n}--row-gap-off`;
     }
     if (rowGap === true || !rowGap && wrap && direction === 'horizontal') {
       return `${n}--row-gap-small`;

package/components/flex/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","names":["React","useCallback","classnames","Space","Hr","useMedia","getSpaceValue","isHeadingElement","renderWithSpacing","propNames","pickFlexContainerProps","props","defaults","arguments","length","undefined","skip","_objectSpread","Object","fromEntries","entries","filter","_ref","key","includes","FlexContainer","className","style","children","element","direction","wrap","sizeCount","rowGap","justify","align","alignSelf","divider","spacing","breakpoints","queries","rest","_objectWithoutProperties","_excluded","childrenArray","wrapChildren","hasHeading","some","child","i","previousChild","hasSizeProp","_child$props","size","mediaKey","disabled","content","map","_previousChild$type","isFirst","isLast","isHeading","start","end","endSpacing","startSpacing","_getSpaceValue","_getSpaceValue2","spaceAboveLine","createElement","Fragment","top","space","_ref2","_getSpaceValue3","isValidElement","type","n","getRowGapClass","cn","_extends","Children","toArray","cloneElement","_supportsSpacingProps"],"sources":["../../../../src/components/flex/Container.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\nimport Space, { SpaceProps } from '../space/Space'\nimport { Hr } from '../../elements'\nimport useMedia from '../../shared/useMedia'\nimport {\n  getSpaceValue,\n  isHeadingElement,\n  renderWithSpacing,\n} from './utils'\n\nimport type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'\nimport type { SpaceType } from '../space/types'\nimport type { UseMediaQueries } from '../../shared/useMedia'\nimport type { End, Start } from './types'\n\nexport type BasicProps = {\n  direction?: 'horizontal' | 'vertical'\n  wrap?: boolean\n  rowGap?: 'small' | 'medium' | 'large' | boolean\n  sizeCount?: number\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  /** For when used as a flex item in an outer container in addition to being a container: */\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  /** When \"line-framed\" is used, a line will be shown between items and above the first and below the last item */\n  divider?: 'space' | 'line' | 'line-framed'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  breakpoints?: MediaQueryBreakpoints\n  queries?: UseMediaQueries\n}\n\nexport type Props = BasicProps &\n  SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap'>\n\nconst propNames: Array<keyof Props> = [\n  'direction',\n  'wrap',\n  'justify',\n  'align',\n  'divider',\n  'spacing',\n]\n\nexport function pickFlexContainerProps<T extends Props>(\n  props: T,\n  defaults: Partial<Props> = {},\n  skip: Array<keyof Props> = []\n): Omit<Props, 'children'> {\n  return {\n    ...defaults,\n    ...Object.fromEntries(\n      Object.entries(props ?? {}).filter(\n        ([key]) =>\n          propNames.includes(key as keyof Props) &&\n          !skip.includes(key as keyof Props)\n      )\n    ),\n  }\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    style,\n    children,\n    element = 'div',\n    direction = 'horizontal',\n    wrap = true,\n    sizeCount = 12,\n    rowGap,\n    justify = 'flex-start',\n    align = 'flex-start',\n    alignSelf,\n    divider = 'space',\n    spacing = 'small',\n    breakpoints,\n    queries,\n    ...rest\n  } = props\n\n  const childrenArray = wrapChildren(props, children)\n  const hasHeading = childrenArray.some((child, i) => {\n    const previousChild = childrenArray?.[i - 1]\n    return (\n      isHeadingElement(child) || (i > 0 && isHeadingElement(previousChild))\n    )\n  })\n  const hasSizeProp =\n    !hasHeading &&\n    direction === 'horizontal' &&\n    childrenArray.some((child) => child['props']?.size)\n\n  const { key: mediaKey } = useMedia({\n    disabled: !hasSizeProp,\n    breakpoints,\n    queries,\n  })\n\n  const content = childrenArray.map((child, i) => {\n    // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n    // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n    // and bottom when th\n    const isFirst = i === 0\n    const isLast = i >= childrenArray.length - 1\n    const previousChild = childrenArray?.[i - 1]\n    const isHeading = hasHeading && isHeadingElement(previousChild)\n\n    // Always set spacing between elements in the vertical layout on the top props, and 0 on bottom, to avoid\n    // having to divide spacing between both with smaller values.\n    const start: Start = direction === 'horizontal' ? 'left' : 'top'\n    const end: End = direction === 'horizontal' ? 'right' : 'bottom'\n    // const start: Start | End = direction === 'horizontal' ? 'right' : 'top'\n    // const end: Start | End = direction === 'horizontal' ? 'left' : 'bottom'\n    const endSpacing = 0\n    let startSpacing = null\n\n    if (\n      // No line above heading\n      !isHeading &&\n      ((divider === 'line' && !isFirst) || divider === 'line-framed')\n    ) {\n      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing\n      startSpacing = (getSpaceValue(start, child) ?? spacing) as SpaceType\n\n      return (\n        <React.Fragment key={`element-${i}`}>\n          <Hr\n            top={!isFirst ? spaceAboveLine : 0}\n            space={0}\n            className=\"dnb-flex-container__hr\"\n          />\n\n          {renderWithSpacing(child, {\n            space: { [start]: startSpacing, [end]: endSpacing },\n          })}\n\n          {divider === 'line-framed' && isLast && (\n            <Hr\n              top={spaceAboveLine}\n              space={0}\n              className=\"dnb-flex-container__hr\"\n            />\n          )}\n        </React.Fragment>\n      )\n    }\n\n    // No space above first element.\n    if (isFirst && direction !== 'horizontal') {\n      startSpacing = 0\n    } else {\n      // Since top space of current and bottom space of previous component is the same\n      startSpacing =\n        getSpaceValue(start, child) ??\n        getSpaceValue(end, previousChild) ??\n        spacing\n    }\n\n    if (\n      React.isValidElement(previousChild) &&\n      previousChild?.type?.['_supportsSpacingProps'] === false\n    ) {\n      startSpacing = 0\n    }\n\n    const space =\n      direction === 'horizontal'\n        ? { [start]: endSpacing, [end]: startSpacing }\n        : { [start]: startSpacing, [end]: endSpacing }\n\n    return renderWithSpacing(child, {\n      key: `element-${i}`,\n      space,\n    })\n  })\n\n  const n = 'dnb-flex-container'\n  const getRowGapClass = useCallback(() => {\n    if (rowGap === false) {\n      return\n    }\n\n    if (\n      rowGap === true ||\n      (!rowGap && wrap && direction === 'horizontal')\n    ) {\n      return `${n}--row-gap-small`\n    }\n\n    if (hasSizeProp && spacing) {\n      return `${n}--row-gap-${spacing}`\n    }\n\n    if (rowGap) {\n      return `${n}--row-gap-${rowGap}`\n    }\n  }, [direction, hasSizeProp, rowGap, spacing, wrap])\n\n  const cn = classnames(\n    'dnb-flex-container',\n    direction && `${n}--direction-${direction}`,\n    justify && `${n}--justify-${justify}`,\n    align && `${n}--align-${align}`,\n    alignSelf && `${n}--align-self-${alignSelf}`,\n    spacing && `${n}--spacing-${spacing}`,\n    wrap && `${n}--wrap`,\n    getRowGapClass(),\n    hasSizeProp && `${n}--has-size`,\n    divider && `${n}--divider-${divider}`,\n    className\n  )\n\n  return (\n    <Space\n      element={element}\n      className={cn}\n      data-media-key={mediaKey}\n      style={\n        hasSizeProp\n          ? ({ '--sizeCount': sizeCount, ...style } as React.CSSProperties)\n          : style\n      }\n      {...rest}\n    >\n      {content}\n    </Space>\n  )\n}\n\nfunction wrapChildren(props: Props, children: React.ReactNode) {\n  return React.Children.toArray(children).map((child) => {\n    if (\n      React.isValidElement(child) &&\n      child.type['_supportsSpacingProps'] === 'children'\n    ) {\n      return React.cloneElement(\n        child,\n        child.props,\n        <FlexContainer {...props}>{child.props.children}</FlexContainer>\n      )\n    }\n\n    return child\n  })\n}\n\nFlexContainer._supportsSpacingProps = true\n\nexport default FlexContainer\n"],"mappings":"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"}
+{"version":3,"file":"Container.js","names":["React","useCallback","classnames","Space","Hr","useMedia","getSpaceValue","isHeadingElement","renderWithSpacing","propNames","pickFlexContainerProps","props","defaults","arguments","length","undefined","skip","_objectSpread","Object","fromEntries","entries","filter","_ref","key","includes","FlexContainer","className","style","children","element","direction","wrap","sizeCount","rowGap","justify","align","alignSelf","divider","spacing","breakpoints","queries","rest","_objectWithoutProperties","_excluded","childrenArray","wrapChildren","hasHeading","some","child","i","previousChild","hasSizeProp","_child$props","size","mediaKey","disabled","content","map","_previousChild$type","isFirst","isLast","isHeading","start","end","endSpacing","startSpacing","_getSpaceValue","_getSpaceValue2","spaceAboveLine","createElement","Fragment","top","space","_ref2","_getSpaceValue3","isValidElement","type","n","getRowGapClass","cn","_extends","Children","toArray","cloneElement","_supportsSpacingProps"],"sources":["../../../../src/components/flex/Container.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\nimport Space, { SpaceProps } from '../space/Space'\nimport { Hr } from '../../elements'\nimport useMedia from '../../shared/useMedia'\nimport {\n  getSpaceValue,\n  isHeadingElement,\n  renderWithSpacing,\n} from './utils'\n\nimport type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'\nimport type { SpaceType } from '../space/types'\nimport type { UseMediaQueries } from '../../shared/useMedia'\nimport type { End, Start } from './types'\n\nexport type BasicProps = {\n  direction?: 'horizontal' | 'vertical'\n  wrap?: boolean\n  rowGap?: 'small' | 'medium' | 'large' | boolean\n  sizeCount?: number\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  /** For when used as a flex item in an outer container in addition to being a container: */\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  /** When \"line-framed\" is used, a line will be shown between items and above the first and below the last item */\n  divider?: 'space' | 'line' | 'line-framed'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  breakpoints?: MediaQueryBreakpoints\n  queries?: UseMediaQueries\n}\n\nexport type Props = BasicProps &\n  SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap'>\n\nconst propNames: Array<keyof Props> = [\n  'direction',\n  'wrap',\n  'justify',\n  'align',\n  'divider',\n  'spacing',\n]\n\nexport function pickFlexContainerProps<T extends Props>(\n  props: T,\n  defaults: Partial<Props> = {},\n  skip: Array<keyof Props> = []\n): Omit<Props, 'children'> {\n  return {\n    ...defaults,\n    ...Object.fromEntries(\n      Object.entries(props ?? {}).filter(\n        ([key]) =>\n          propNames.includes(key as keyof Props) &&\n          !skip.includes(key as keyof Props)\n      )\n    ),\n  }\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    style,\n    children,\n    element = 'div',\n    direction = 'horizontal',\n    wrap = true,\n    sizeCount = 12,\n    rowGap,\n    justify = 'flex-start',\n    align = 'flex-start',\n    alignSelf,\n    divider = 'space',\n    spacing = 'small',\n    breakpoints,\n    queries,\n    ...rest\n  } = props\n\n  const childrenArray = wrapChildren(props, children)\n  const hasHeading = childrenArray.some((child, i) => {\n    const previousChild = childrenArray?.[i - 1]\n    return (\n      isHeadingElement(child) || (i > 0 && isHeadingElement(previousChild))\n    )\n  })\n  const hasSizeProp =\n    !hasHeading &&\n    direction === 'horizontal' &&\n    childrenArray.some((child) => child['props']?.size)\n\n  const { key: mediaKey } = useMedia({\n    disabled: !hasSizeProp,\n    breakpoints,\n    queries,\n  })\n\n  const content = childrenArray.map((child, i) => {\n    // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n    // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n    // and bottom when th\n    const isFirst = i === 0\n    const isLast = i >= childrenArray.length - 1\n    const previousChild = childrenArray?.[i - 1]\n    const isHeading = hasHeading && isHeadingElement(previousChild)\n\n    // Always set spacing between elements in the vertical layout on the top props, and 0 on bottom, to avoid\n    // having to divide spacing between both with smaller values.\n    const start: Start = direction === 'horizontal' ? 'left' : 'top'\n    const end: End = direction === 'horizontal' ? 'right' : 'bottom'\n    // const start: Start | End = direction === 'horizontal' ? 'right' : 'top'\n    // const end: Start | End = direction === 'horizontal' ? 'left' : 'bottom'\n    const endSpacing = 0\n    let startSpacing = null\n\n    if (\n      // No line above heading\n      !isHeading &&\n      ((divider === 'line' && !isFirst) || divider === 'line-framed')\n    ) {\n      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing\n      startSpacing = (getSpaceValue(start, child) ?? spacing) as SpaceType\n\n      return (\n        <React.Fragment key={`element-${i}`}>\n          <Hr\n            top={!isFirst ? spaceAboveLine : 0}\n            space={0}\n            className=\"dnb-flex-container__hr\"\n          />\n\n          {renderWithSpacing(child, {\n            space: { [start]: startSpacing, [end]: endSpacing },\n          })}\n\n          {divider === 'line-framed' && isLast && (\n            <Hr\n              top={spaceAboveLine}\n              space={0}\n              className=\"dnb-flex-container__hr\"\n            />\n          )}\n        </React.Fragment>\n      )\n    }\n\n    // No space above first element.\n    if (isFirst && direction !== 'horizontal') {\n      startSpacing = 0\n    } else {\n      // Since top space of current and bottom space of previous component is the same\n      startSpacing =\n        getSpaceValue(start, child) ??\n        getSpaceValue(end, previousChild) ??\n        spacing\n    }\n\n    if (\n      React.isValidElement(previousChild) &&\n      previousChild?.type?.['_supportsSpacingProps'] === false\n    ) {\n      startSpacing = 0\n    }\n\n    const space =\n      direction === 'horizontal'\n        ? { [start]: endSpacing, [end]: startSpacing }\n        : { [start]: startSpacing, [end]: endSpacing }\n\n    return renderWithSpacing(child, {\n      key: `element-${i}`,\n      space,\n    })\n  })\n\n  const n = 'dnb-flex-container'\n  const getRowGapClass = useCallback(() => {\n    if (rowGap === false) {\n      return `${n}--row-gap-off`\n    }\n\n    if (\n      rowGap === true ||\n      (!rowGap && wrap && direction === 'horizontal')\n    ) {\n      return `${n}--row-gap-small`\n    }\n\n    if (hasSizeProp && spacing) {\n      return `${n}--row-gap-${spacing}`\n    }\n\n    if (rowGap) {\n      return `${n}--row-gap-${rowGap}`\n    }\n  }, [direction, hasSizeProp, rowGap, spacing, wrap])\n\n  const cn = classnames(\n    'dnb-flex-container',\n    direction && `${n}--direction-${direction}`,\n    justify && `${n}--justify-${justify}`,\n    align && `${n}--align-${align}`,\n    alignSelf && `${n}--align-self-${alignSelf}`,\n    spacing && `${n}--spacing-${spacing}`,\n    wrap && `${n}--wrap`,\n    getRowGapClass(),\n    hasSizeProp && `${n}--has-size`,\n    divider && `${n}--divider-${divider}`,\n    className\n  )\n\n  return (\n    <Space\n      element={element}\n      className={cn}\n      data-media-key={mediaKey}\n      style={\n        hasSizeProp\n          ? ({ '--sizeCount': sizeCount, ...style } as React.CSSProperties)\n          : style\n      }\n      {...rest}\n    >\n      {content}\n    </Space>\n  )\n}\n\nfunction wrapChildren(props: Props, children: React.ReactNode) {\n  return React.Children.toArray(children).map((child) => {\n    if (\n      React.isValidElement(child) &&\n      child.type['_supportsSpacingProps'] === 'children'\n    ) {\n      return React.cloneElement(\n        child,\n        child.props,\n        <FlexContainer {...props}>{child.props.children}</FlexContainer>\n      )\n    }\n\n    return child\n  })\n}\n\nFlexContainer._supportsSpacingProps = true\n\nexport default FlexContainer\n"],"mappings":"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"}

package/components/flex/Item.js

@@ -1,13 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["element", "className", "grow", "shrink", "alignSelf", "size", "style", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import classnames from 'classnames';
 import Space from '../space/Space';
-import { omitSpacingProps, pickSpacingProps } from './utils';
 function FlexItem(props) {
   const {
       element = 'div',
@@ -20,7 +16,7 @@ function FlexItem(props) {
       children
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
-  const cn = classnames('dnb-flex-item', className, grow && 'dnb-flex-item--grow', shrink && 'dnb-flex-item--shrink', alignSelf && `dnb-flex-item--align-self-${alignSelf}`, size && 'dnb-flex-item--responsive');
+  const cn = classnames('dnb-flex-item', grow && 'dnb-flex-item--grow', shrink && 'dnb-flex-item--shrink', alignSelf && `dnb-flex-item--align-self-${alignSelf}`, size && 'dnb-flex-item--responsive');
   const spaceStyles = {};
   if (size) {
     if (isValidSize(size)) {
@@ -35,17 +31,18 @@ function FlexItem(props) {
     }
   }
   if (Object.keys(spaceStyles).length) {
-    return React.createElement(Space, _extends({
+    return React.createElement(Space, {
       element: element,
       className: cn,
-      style: _objectSpread(_objectSpread({}, spaceStyles), style)
-    }, omitSpacingProps(rest)), React.createElement(Space, _extends({
-      className: "dnb-flex-item__spacer"
-    }, pickSpacingProps(rest)), children));
+      style: spaceStyles
+    }, React.createElement(Space, _extends({
+      className: classnames('dnb-flex-item__spacer', className),
+      style: style
+    }, rest), children));
   }
   return React.createElement(Space, _extends({
     element: element,
-    className: cn,
+    className: classnames(cn, className),
     style: style
   }, rest), children);
   function isValidSize(size) {

package/components/flex/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":["React","classnames","Space","omitSpacingProps","pickSpacingProps","FlexItem","props","element","className","grow","shrink","alignSelf","size","style","children","rest","_objectWithoutProperties","_excluded","cn","spaceStyles","isValidSize","sizes","key","Object","keys","length","createElement","_extends","_objectSpread","_supportsSpacingProps"],"sources":["../../../../src/components/flex/Item.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Space, { SpaceProps } from '../space/Space'\nimport { omitSpacingProps, pickSpacingProps } from './utils'\n\nexport type Sizes =\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 'auto'\ntype MediaSizes = {\n  xsmall?: Sizes\n  small?: Sizes\n  medium?: Sizes\n  large?: Sizes\n}\nexport type Size = MediaSizes | Sizes\n\nexport type BasicProps = {\n  grow?: boolean\n  shrink?: boolean\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  size?: Size\n}\n\nexport type Props = BasicProps &\n  SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size'>\n\nfunction FlexItem(props: Props) {\n  const {\n    element = 'div',\n    className,\n    grow,\n    shrink,\n    alignSelf,\n    size,\n    style,\n    children,\n    ...rest\n  } = props\n\n  const cn = classnames(\n    'dnb-flex-item',\n    grow && 'dnb-flex-item--grow',\n    shrink && 'dnb-flex-item--shrink',\n    alignSelf && `dnb-flex-item--align-self-${alignSelf}`,\n    size && 'dnb-flex-item--responsive',\n    className\n  )\n\n  const spaceStyles = {} as React.CSSProperties\n\n  if (size) {\n    if (isValidSize(size as Sizes)) {\n      spaceStyles['--size--default'] = size\n    } else {\n      const sizes = size as MediaSizes\n      for (const key in sizes) {\n        if (isValidSize(size[key])) {\n          spaceStyles[`--${key}`] = size[key]\n        }\n      }\n    }\n  }\n\n  if (Object.keys(spaceStyles).length) {\n    return (\n      <Space\n        element={element}\n        className={cn}\n        style={{ ...spaceStyles, ...style }}\n        {...omitSpacingProps(rest)}\n      >\n        <Space\n          className=\"dnb-flex-item__spacer\"\n          {...pickSpacingProps(rest)}\n        >\n          {children}\n        </Space>\n      </Space>\n    )\n  }\n\n  return (\n    <Space element={element} className={cn} style={style} {...rest}>\n      {children}\n    </Space>\n  )\n\n  function isValidSize(size: Sizes) {\n    return typeof size === 'number' || size === 'auto'\n  }\n}\n\nFlexItem._supportsSpacingProps = true\n\nexport default FlexItem\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAsB,gBAAgB;AAClD,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,SAAS;AAmC5D,SAASC,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAM;MACJC,OAAO,GAAG,KAAK;MACfC,SAAS;MACTC,IAAI;MACJC,MAAM;MACNC,SAAS;MACTC,IAAI;MACJC,KAAK;MACLC;IAEF,CAAC,GAAGR,KAAK;IADJS,IAAI,GAAAC,wBAAA,CACLV,KAAK,EAAAW,SAAA;EAET,MAAMC,EAAE,GAAGjB,UAAU,CACnB,eAAe,EAKfO,SAAS,EAJTC,IAAI,IAAI,qBAAqB,EAC7BC,MAAM,IAAI,uBAAuB,EACjCC,SAAS,IAAK,6BAA4BA,SAAU,EAAC,EACrDC,IAAI,IAAI,2BAEV,CAAC;EAED,MAAMO,WAAW,GAAG,CAAC,CAAwB;EAE7C,IAAIP,IAAI,EAAE;IACR,IAAIQ,WAAW,CAACR,IAAa,CAAC,EAAE;MAC9BO,WAAW,CAAC,iBAAiB,CAAC,GAAGP,IAAI;IACvC,CAAC,MAAM;MACL,MAAMS,KAAK,GAAGT,IAAkB;MAChC,KAAK,MAAMU,GAAG,IAAID,KAAK,EAAE;QACvB,IAAID,WAAW,CAACR,IAAI,CAACU,GAAG,CAAC,CAAC,EAAE;UAC1BH,WAAW,CAAE,KAAIG,GAAI,EAAC,CAAC,GAAGV,IAAI,CAACU,GAAG,CAAC;QACrC;MACF;IACF;EACF;EAEA,IAAIC,MAAM,CAACC,IAAI,CAACL,WAAW,CAAC,CAACM,MAAM,EAAE;IACnC,OACEzB,KAAA,CAAA0B,aAAA,CAACxB,KAAK,EAAAyB,QAAA;MACJpB,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEU,EAAG;MACdL,KAAK,EAAAe,aAAA,CAAAA,aAAA,KAAOT,WAAW,GAAKN,KAAK;IAAG,GAChCV,gBAAgB,CAACY,IAAI,CAAC,GAE1Bf,KAAA,CAAA0B,aAAA,CAACxB,KAAK,EAAAyB,QAAA;MACJnB,SAAS,EAAC;IAAuB,GAC7BJ,gBAAgB,CAACW,IAAI,CAAC,GAEzBD,QACI,CACF,CAAC;EAEZ;EAEA,OACEd,KAAA,CAAA0B,aAAA,CAACxB,KAAK,EAAAyB,QAAA;IAACpB,OAAO,EAAEA,OAAQ;IAACC,SAAS,EAAEU,EAAG;IAACL,KAAK,EAAEA;EAAM,GAAKE,IAAI,GAC3DD,QACI,CAAC;EAGV,SAASM,WAAWA,CAACR,IAAW,EAAE;IAChC,OAAO,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,MAAM;EACpD;AACF;AAEAP,QAAQ,CAACwB,qBAAqB,GAAG,IAAI;AAErC,eAAexB,QAAQ"}
+{"version":3,"file":"Item.js","names":["React","classnames","Space","FlexItem","props","element","className","grow","shrink","alignSelf","size","style","children","rest","_objectWithoutProperties","_excluded","cn","spaceStyles","isValidSize","sizes","key","Object","keys","length","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../src/components/flex/Item.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Space, { SpaceProps } from '../space/Space'\n\nexport type Sizes =\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 'auto'\ntype MediaSizes = {\n  xsmall?: Sizes\n  small?: Sizes\n  medium?: Sizes\n  large?: Sizes\n}\nexport type Size = MediaSizes | Sizes\n\nexport type BasicProps = {\n  grow?: boolean\n  shrink?: boolean\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  size?: Size\n}\n\nexport type Props = BasicProps &\n  SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size'>\n\nfunction FlexItem(props: Props) {\n  const {\n    element = 'div',\n    className,\n    grow,\n    shrink,\n    alignSelf,\n    size,\n    style,\n    children,\n    ...rest\n  } = props\n\n  const cn = classnames(\n    'dnb-flex-item',\n    grow && 'dnb-flex-item--grow',\n    shrink && 'dnb-flex-item--shrink',\n    alignSelf && `dnb-flex-item--align-self-${alignSelf}`,\n    size && 'dnb-flex-item--responsive'\n  )\n\n  const spaceStyles = {} as React.CSSProperties\n\n  if (size) {\n    if (isValidSize(size as Sizes)) {\n      spaceStyles['--size--default'] = size\n    } else {\n      const sizes = size as MediaSizes\n      for (const key in sizes) {\n        if (isValidSize(size[key])) {\n          spaceStyles[`--${key}`] = size[key]\n        }\n      }\n    }\n  }\n\n  if (Object.keys(spaceStyles).length) {\n    return (\n      <Space element={element} className={cn} style={spaceStyles}>\n        <Space\n          className={classnames('dnb-flex-item__spacer', className)}\n          style={style}\n          {...rest}\n        >\n          {children}\n        </Space>\n      </Space>\n    )\n  }\n\n  return (\n    <Space\n      element={element}\n      className={classnames(cn, className)}\n      style={style}\n      {...rest}\n    >\n      {children}\n    </Space>\n  )\n\n  function isValidSize(size: Sizes) {\n    return typeof size === 'number' || size === 'auto'\n  }\n}\n\nFlexItem._supportsSpacingProps = true\n\nexport default FlexItem\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAsB,gBAAgB;AAmClD,SAASC,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAM;MACJC,OAAO,GAAG,KAAK;MACfC,SAAS;MACTC,IAAI;MACJC,MAAM;MACNC,SAAS;MACTC,IAAI;MACJC,KAAK;MACLC;IAEF,CAAC,GAAGR,KAAK;IADJS,IAAI,GAAAC,wBAAA,CACLV,KAAK,EAAAW,SAAA;EAET,MAAMC,EAAE,GAAGf,UAAU,CACnB,eAAe,EACfM,IAAI,IAAI,qBAAqB,EAC7BC,MAAM,IAAI,uBAAuB,EACjCC,SAAS,IAAK,6BAA4BA,SAAU,EAAC,EACrDC,IAAI,IAAI,2BACV,CAAC;EAED,MAAMO,WAAW,GAAG,CAAC,CAAwB;EAE7C,IAAIP,IAAI,EAAE;IACR,IAAIQ,WAAW,CAACR,IAAa,CAAC,EAAE;MAC9BO,WAAW,CAAC,iBAAiB,CAAC,GAAGP,IAAI;IACvC,CAAC,MAAM;MACL,MAAMS,KAAK,GAAGT,IAAkB;MAChC,KAAK,MAAMU,GAAG,IAAID,KAAK,EAAE;QACvB,IAAID,WAAW,CAACR,IAAI,CAACU,GAAG,CAAC,CAAC,EAAE;UAC1BH,WAAW,CAAE,KAAIG,GAAI,EAAC,CAAC,GAAGV,IAAI,CAACU,GAAG,CAAC;QACrC;MACF;IACF;EACF;EAEA,IAAIC,MAAM,CAACC,IAAI,CAACL,WAAW,CAAC,CAACM,MAAM,EAAE;IACnC,OACEvB,KAAA,CAAAwB,aAAA,CAACtB,KAAK;MAACG,OAAO,EAAEA,OAAQ;MAACC,SAAS,EAAEU,EAAG;MAACL,KAAK,EAAEM;IAAY,GACzDjB,KAAA,CAAAwB,aAAA,CAACtB,KAAK,EAAAuB,QAAA;MACJnB,SAAS,EAAEL,UAAU,CAAC,uBAAuB,EAAEK,SAAS,CAAE;MAC1DK,KAAK,EAAEA;IAAM,GACTE,IAAI,GAEPD,QACI,CACF,CAAC;EAEZ;EAEA,OACEZ,KAAA,CAAAwB,aAAA,CAACtB,KAAK,EAAAuB,QAAA;IACJpB,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEL,UAAU,CAACe,EAAE,EAAEV,SAAS,CAAE;IACrCK,KAAK,EAAEA;EAAM,GACTE,IAAI,GAEPD,QACI,CAAC;EAGV,SAASM,WAAWA,CAACR,IAAW,EAAE;IAChC,OAAO,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,MAAM;EACpD;AACF;AAEAP,QAAQ,CAACuB,qBAAqB,GAAG,IAAI;AAErC,eAAevB,QAAQ"}

package/components/flex/style/dnb-flex.css

@@ -60,6 +60,9 @@
 .dnb-flex-container--wrap {
   flex-wrap: wrap;
 }
+.dnb-flex-container--row-gap-off {
+  --gap: 0;
+}
 .dnb-flex-container--row-gap-small {
   --gap: var(--spacing-small);
 }

package/components/flex/style/dnb-flex.min.css

@@ -1 +1 @@
-.dnb-flex-container{display:flex;row-gap:var(--gap,0)}.dnb-flex-container--direction-horizontal{flex-direction:row;margin-right:calc(var(--gap)*-1)}.dnb-flex-container--direction-vertical{flex-direction:column}.dnb-flex-container--justify-flex-start{justify-content:flex-start}.dnb-flex-container--justify-flex-end{justify-content:flex-end}.dnb-flex-container--justify-center{justify-content:center}.dnb-flex-container--justify-space-between{justify-content:space-between}.dnb-flex-container--justify-space-around{justify-content:space-around}.dnb-flex-container--justify-space-evenly{justify-content:space-evenly}.dnb-flex-container--align-flex-start{align-items:flex-start}.dnb-flex-container--align-flex-end{align-items:flex-end}.dnb-flex-container--align-center{align-items:center}.dnb-flex-container--align-stretch{align-items:stretch}.dnb-flex-container--align-baseline{align-items:baseline}.dnb-flex-container--align-self-flex-start{align-self:flex-start}.dnb-flex-container--align-self-flex-end{align-self:flex-end}.dnb-flex-container--align-self-center{align-self:center}.dnb-flex-container--align-self-baseline{align-self:baseline}.dnb-flex-container--align-self-stretch{align-self:stretch}.dnb-flex-container--wrap{flex-wrap:wrap}.dnb-flex-container--row-gap-small{--gap:var(--spacing-small)}.dnb-flex-container--row-gap-medium{--gap:var(--spacing-medium)}.dnb-flex-container--row-gap-large{--gap:var(--spacing-large)}.dnb-flex-container__hr.dnb-hr{color:var(--color-black-8);width:100%}.dnb-flex-item--grow{flex-grow:1}.dnb-flex-item--shrink{flex-shrink:1}.dnb-flex-item--align-self-flex-start{align-self:flex-start}.dnb-flex-item--align-self-flex-end{align-self:flex-end}.dnb-flex-item--align-self-center{align-self:center}.dnb-flex-item--align-self-baseline{align-self:baseline}.dnb-flex-item--align-self-stretch{align-self:stretch}.dnb-flex-item--responsive{--sizeCount--default:12;--size--default:var(--small);--flex-basis:calc(100%/var(--sizeCount, var(--sizeCount--default))*var(--size, var(--size--default)));flex-basis:var(--flex-basis);flex-grow:0;max-width:var(--flex-basis)}.dnb-flex-container[data-media-key=small] .dnb-flex-item--responsive{--size:var(--small,var(--medium))}.dnb-flex-container[data-media-key=medium] .dnb-flex-item--responsive{--size:var(--medium,var(--large))}.dnb-flex-container[data-media-key=large] .dnb-flex-item--responsive{--size:var(--large,var(--medium))}.dnb-flex-stack+.dnb-flex-stack{margin-top:var(--spacing-large)}
+.dnb-flex-container{display:flex;row-gap:var(--gap,0)}.dnb-flex-container--direction-horizontal{flex-direction:row;margin-right:calc(var(--gap)*-1)}.dnb-flex-container--direction-vertical{flex-direction:column}.dnb-flex-container--justify-flex-start{justify-content:flex-start}.dnb-flex-container--justify-flex-end{justify-content:flex-end}.dnb-flex-container--justify-center{justify-content:center}.dnb-flex-container--justify-space-between{justify-content:space-between}.dnb-flex-container--justify-space-around{justify-content:space-around}.dnb-flex-container--justify-space-evenly{justify-content:space-evenly}.dnb-flex-container--align-flex-start{align-items:flex-start}.dnb-flex-container--align-flex-end{align-items:flex-end}.dnb-flex-container--align-center{align-items:center}.dnb-flex-container--align-stretch{align-items:stretch}.dnb-flex-container--align-baseline{align-items:baseline}.dnb-flex-container--align-self-flex-start{align-self:flex-start}.dnb-flex-container--align-self-flex-end{align-self:flex-end}.dnb-flex-container--align-self-center{align-self:center}.dnb-flex-container--align-self-baseline{align-self:baseline}.dnb-flex-container--align-self-stretch{align-self:stretch}.dnb-flex-container--wrap{flex-wrap:wrap}.dnb-flex-container--row-gap-off{--gap:0}.dnb-flex-container--row-gap-small{--gap:var(--spacing-small)}.dnb-flex-container--row-gap-medium{--gap:var(--spacing-medium)}.dnb-flex-container--row-gap-large{--gap:var(--spacing-large)}.dnb-flex-container__hr.dnb-hr{color:var(--color-black-8);width:100%}.dnb-flex-item--grow{flex-grow:1}.dnb-flex-item--shrink{flex-shrink:1}.dnb-flex-item--align-self-flex-start{align-self:flex-start}.dnb-flex-item--align-self-flex-end{align-self:flex-end}.dnb-flex-item--align-self-center{align-self:center}.dnb-flex-item--align-self-baseline{align-self:baseline}.dnb-flex-item--align-self-stretch{align-self:stretch}.dnb-flex-item--responsive{--sizeCount--default:12;--size--default:var(--small);--flex-basis:calc(100%/var(--sizeCount, var(--sizeCount--default))*var(--size, var(--size--default)));flex-basis:var(--flex-basis);flex-grow:0;max-width:var(--flex-basis)}.dnb-flex-container[data-media-key=small] .dnb-flex-item--responsive{--size:var(--small,var(--medium))}.dnb-flex-container[data-media-key=medium] .dnb-flex-item--responsive{--size:var(--medium,var(--large))}.dnb-flex-container[data-media-key=large] .dnb-flex-item--responsive{--size:var(--large,var(--medium))}.dnb-flex-stack+.dnb-flex-stack{margin-top:var(--spacing-large)}

package/components/flex/style/flex-container.scss

@@ -88,6 +88,9 @@
     flex-wrap: wrap;
   }
 
+  &--row-gap-off {
+    --gap: 0;
+  }
   &--row-gap-small {
     --gap: var(--spacing-small);
   }

package/components/flex/utils.d.ts

@@ -1,18 +1,46 @@
 import React from 'react';
 import { SpaceType, SpacingProps } from '../../shared/types';
 import { End, Start } from './types';
-export declare const pickSpacingProps: <Props extends SpacingProps>(props: Props) => SpacingProps;
 export declare const omitSpacingProps: <Props extends SpacingProps>(props: Props) => Omit<Props, "space" | "innerSpace" | keyof import("../space/types").SpacingElementProps>;
-export declare const getSpaceValue: (type: Start | End, element: React.ReactChild | React.ReactFragment | React.ReactPortal) => SpaceType | undefined;
+/**
+ * Picks the spacing props from the given props object.
+ * @template Props - The type of the props object.
+ * @param {Props} props - The props object.
+ * @returns {SpacingProps} - The spacing props object.
+ */
+export declare function pickSpacingProps<Props extends SpacingProps>(props: Props): SpacingProps;
+/**
+ * Retrieves the space value of a Flex component based on the specified type and element.
+ * @param type - The type of space value to retrieve (Start or End).
+ * @param element - The React element to extract the space value from.
+ * @returns The space value of the element, or undefined if it cannot be determined.
+ */
+export declare function getSpaceValue(type: Start | End, element: React.ReactNode): SpaceType | undefined;
+/**
+ * Checks if the provided element is a heading element.
+ * @param element - The element to check.
+ * @returns `true` if the element is a heading element, `false` otherwise.
+ */
 export declare function isHeadingElement(element: React.ReactNode & {
     _isHeadingElement?: boolean;
 }): boolean;
-export declare const isEufemiaElement: (element: any) => boolean;
 /**
- * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?
+ * Determines the spacing variant of a React node element.
+ * @param element - The React node element to check.
+ * @returns The spacing variant (true, false or "children") of the element, or undefined if it does not support spacing props.
+ */
+export declare function getSpaceVariant(element: React.ReactNode): any;
+/**
+ * Renders an element with spacing props applied.
+ * If the element is a component that accepts spacing props, the props are directly applied.
+ * If the element is a component that has children and accepts spacing props, the props are applied to the children.
+ * If the element does not accept spacing props, the element is returned as is.
+ *
+ * @param element - The element to render with spacing props.
+ * @param spaceProps - The spacing props to apply.
+ * @returns The rendered element with spacing props applied.
  */
-export declare const isSpacePropsComponent: (element: React.ReactNode) => boolean;
-export declare const renderWithSpacing: (element: React.ReactNode, props: SpacingProps & {
+export declare function renderWithSpacing(element: React.ReactNode, spaceProps: SpacingProps & {
     key?: string;
     className?: string;
-}) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode>;
+}): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode>;

package/components/flex/utils.js

@@ -1,8 +1,11 @@
-import React from 'react';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { Fragment } from 'react';
 import Space from '../space/Space';
 import { removeSpaceProps } from '../space/SpacingUtils';
-import * as EufemiaElements from '../../elements';
-export const pickSpacingProps = props => {
+export const omitSpacingProps = removeSpaceProps;
+export function pickSpacingProps(props) {
   return {
     space: props === null || props === void 0 ? void 0 : props.space,
     top: props === null || props === void 0 ? void 0 : props.top,
@@ -10,38 +13,67 @@ export const pickSpacingProps = props => {
     left: props === null || props === void 0 ? void 0 : props.left,
     right: props === null || props === void 0 ? void 0 : props.right
   };
-};
-export const omitSpacingProps = removeSpaceProps;
-export const getSpaceValue = (type, element) => {
+}
+export function getSpaceValue(type, element) {
   var _element$props$type, _element$props, _element$props2;
   if (!React.isValidElement(element)) {
     return;
   }
   return (_element$props$type = (_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props[type]) !== null && _element$props$type !== void 0 ? _element$props$type : typeof ((_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.space) === 'object' ? element.props.space[type] : undefined;
-};
+}
 export function isHeadingElement(element) {
   var _element$type;
   return React.isValidElement(element) && (element === null || element === void 0 ? void 0 : (_element$type = element.type) === null || _element$type === void 0 ? void 0 : _element$type['_isHeadingElement']) === true;
 }
-export const isEufemiaElement = element => {
-  return Object.values(EufemiaElements).some(eufemiaElement => (element === null || element === void 0 ? void 0 : element.type) === eufemiaElement);
-};
-export const isSpacePropsComponent = element => {
-  var _element$type2;
-  if (React.isValidElement(element) && typeof (element === null || element === void 0 ? void 0 : (_element$type2 = element.type) === null || _element$type2 === void 0 ? void 0 : _element$type2['_supportsSpacingProps']) === 'boolean') {
-    var _element$type3;
-    return element === null || element === void 0 ? void 0 : (_element$type3 = element.type) === null || _element$type3 === void 0 ? void 0 : _element$type3['_supportsSpacingProps'];
-  }
-  if (isEufemiaElement(element)) {
-    return true;
+export function getSpaceVariant(element) {
+  if (React.isValidElement(element)) {
+    var _element$type2, _element$props3;
+    if ((element === null || element === void 0 ? void 0 : element.type) === Fragment) {
+      return 'children';
+    }
+    const check = element === null || element === void 0 ? void 0 : (_element$type2 = element.type) === null || _element$type2 === void 0 ? void 0 : _element$type2['_supportsSpacingProps'];
+    if (typeof check !== 'undefined') {
+      return check;
+    }
+    const keys = ['space', 'top', 'right', 'bottom', 'left'];
+    const props = (_element$props3 = element === null || element === void 0 ? void 0 : element.props) !== null && _element$props3 !== void 0 ? _element$props3 : {};
+    if (keys.some(key => key in props)) {
+      return true;
+    }
   }
   return undefined;
-};
-export const renderWithSpacing = (element, props) => {
-  const takesSpaceProps = isSpacePropsComponent(element);
-  if (takesSpaceProps === false) {
+}
+export function renderWithSpacing(element, spaceProps) {
+  const variant = getSpaceVariant(element);
+  if (variant === false) {
     return element;
   }
-  return takesSpaceProps ? React.cloneElement(element, props) : React.createElement(Space, props, element);
-};
+  if (variant === 'children') {
+    return React.Children.toArray(element).map(child => {
+      var _child$props;
+      const children = child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children;
+      return React.Children.toArray(children).map((element, i) => {
+        return React.cloneElement(child, _objectSpread({
+          key: i
+        }, child === null || child === void 0 ? void 0 : child.props), wrapWithSpace({
+          element,
+          spaceProps
+        }));
+      });
+    });
+  }
+  return wrapWithSpace({
+    element,
+    spaceProps,
+    variant
+  });
+}
+function wrapWithSpace(_ref) {
+  let {
+    element,
+    spaceProps,
+    variant = null
+  } = _ref;
+  return (variant !== null && variant !== void 0 ? variant : getSpaceVariant(element) === true) ? React.cloneElement(element, spaceProps) : React.createElement(Space, spaceProps, element);
+}
 //# sourceMappingURL=utils.js.map

package/components/flex/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["React","Space","removeSpaceProps","EufemiaElements","pickSpacingProps","props","space","top","bottom","left","right","omitSpacingProps","getSpaceValue","type","element","_element$props$type","_element$props","_element$props2","isValidElement","undefined","isHeadingElement","_element$type","isEufemiaElement","Object","values","some","eufemiaElement","isSpacePropsComponent","_element$type2","_element$type3","renderWithSpacing","takesSpaceProps","cloneElement","createElement"],"sources":["../../../../src/components/flex/utils.tsx"],"sourcesContent":["import React from 'react'\nimport { SpaceType, SpacingProps } from '../../shared/types'\nimport Space from '../space/Space'\nimport { removeSpaceProps } from '../space/SpacingUtils'\nimport * as EufemiaElements from '../../elements'\nimport { End, Start } from './types'\n\nexport const pickSpacingProps = <Props extends SpacingProps>(\n  props: Props\n): SpacingProps => {\n  return {\n    space: props?.space,\n    top: props?.top,\n    bottom: props?.bottom,\n    left: props?.left,\n    right: props?.right,\n  }\n}\n\nexport const omitSpacingProps = removeSpaceProps\n\nexport const getSpaceValue = (\n  type: Start | End,\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n\n  return (\n    element.props?.[type] ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space[type]\n      : undefined)\n  )\n}\n\nexport function isHeadingElement(\n  element: React.ReactNode & { _isHeadingElement?: boolean }\n): boolean {\n  return (\n    React.isValidElement(element) &&\n    element?.type?.['_isHeadingElement'] === true\n  )\n}\n\nexport const isEufemiaElement = (element): boolean => {\n  return Object.values(EufemiaElements).some(\n    (eufemiaElement) => element?.type === eufemiaElement\n  )\n}\n\n/**\n * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?\n */\nexport const isSpacePropsComponent = (\n  element: React.ReactNode\n): boolean => {\n  if (\n    React.isValidElement(element) &&\n    typeof element?.type?.['_supportsSpacingProps'] === 'boolean'\n  ) {\n    return element?.type?.['_supportsSpacingProps']\n  }\n\n  if (isEufemiaElement(element)) {\n    return true\n  }\n\n  return undefined\n}\n\nexport const renderWithSpacing = (\n  element: React.ReactNode,\n  props: SpacingProps & { key?: string; className?: string }\n) => {\n  const takesSpaceProps = isSpacePropsComponent(element)\n\n  if (takesSpaceProps === false) {\n    return element\n  }\n\n  return takesSpaceProps ? (\n    React.cloneElement(element as React.ReactElement<unknown>, props)\n  ) : (\n    <Space {...props}>{element}</Space>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["React","Fragment","Space","removeSpaceProps","omitSpacingProps","pickSpacingProps","props","space","top","bottom","left","right","getSpaceValue","type","element","_element$props$type","_element$props","_element$props2","isValidElement","undefined","isHeadingElement","_element$type","getSpaceVariant","_element$type2","_element$props3","check","keys","some","key","renderWithSpacing","spaceProps","variant","Children","toArray","map","child","_child$props","children","i","cloneElement","_objectSpread","wrapWithSpace","_ref","createElement"],"sources":["../../../../src/components/flex/utils.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\nimport { SpaceType, SpacingProps } from '../../shared/types'\nimport Space from '../space/Space'\nimport { removeSpaceProps } from '../space/SpacingUtils'\nimport { End, Start } from './types'\n\nexport const omitSpacingProps = removeSpaceProps\n\n/**\n * Picks the spacing props from the given props object.\n * @template Props - The type of the props object.\n * @param {Props} props - The props object.\n * @returns {SpacingProps} - The spacing props object.\n */\nexport function pickSpacingProps<Props extends SpacingProps>(\n  props: Props\n): SpacingProps {\n  return {\n    space: props?.space,\n    top: props?.top,\n    bottom: props?.bottom,\n    left: props?.left,\n    right: props?.right,\n  }\n}\n\n/**\n * Retrieves the space value of a Flex component based on the specified type and element.\n * @param type - The type of space value to retrieve (Start or End).\n * @param element - The React element to extract the space value from.\n * @returns The space value of the element, or undefined if it cannot be determined.\n */\nexport function getSpaceValue(\n  type: Start | End,\n  element: React.ReactNode\n): SpaceType | undefined {\n  if (!React.isValidElement(element)) {\n    return\n  }\n\n  return (\n    element.props?.[type] ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space[type]\n      : undefined)\n  )\n}\n\n/**\n * Checks if the provided element is a heading element.\n * @param element - The element to check.\n * @returns `true` if the element is a heading element, `false` otherwise.\n */\nexport function isHeadingElement(\n  element: React.ReactNode & { _isHeadingElement?: boolean }\n): boolean {\n  return (\n    React.isValidElement(element) &&\n    element?.type?.['_isHeadingElement'] === true\n  )\n}\n\n/**\n * Determines the spacing variant of a React node element.\n * @param element - The React node element to check.\n * @returns The spacing variant (true, false or \"children\") of the element, or undefined if it does not support spacing props.\n */\nexport function getSpaceVariant(element: React.ReactNode) {\n  if (React.isValidElement(element)) {\n    if (element?.type === Fragment) {\n      return 'children'\n    }\n\n    const check = element?.type?.['_supportsSpacingProps']\n    if (typeof check !== 'undefined') {\n      return check\n    }\n\n    const keys = ['space', 'top', 'right', 'bottom', 'left']\n    const props = element?.props ?? {}\n    if (keys.some((key) => key in props)) {\n      return true\n    }\n  }\n\n  return undefined\n}\n\n/**\n * Renders an element with spacing props applied.\n * If the element is a component that accepts spacing props, the props are directly applied.\n * If the element is a component that has children and accepts spacing props, the props are applied to the children.\n * If the element does not accept spacing props, the element is returned as is.\n *\n * @param element - The element to render with spacing props.\n * @param spaceProps - The spacing props to apply.\n * @returns The rendered element with spacing props applied.\n */\nexport function renderWithSpacing(\n  element: React.ReactNode,\n  spaceProps: SpacingProps & { key?: string; className?: string }\n) {\n  const variant = getSpaceVariant(element)\n\n  if (variant === false) {\n    return element\n  }\n\n  if (variant === 'children') {\n    return React.Children.toArray(element).map(\n      (child: React.ReactElement) => {\n        const children = child?.props?.children\n\n        return React.Children.toArray(children).map((element, i) => {\n          return React.cloneElement(\n            child,\n            { key: i, ...child?.props },\n            wrapWithSpace({ element, spaceProps })\n          )\n        })\n      }\n    )\n  }\n\n  return wrapWithSpace({ element, spaceProps, variant })\n}\n\nfunction wrapWithSpace({ element, spaceProps, variant = null }) {\n  return variant ?? getSpaceVariant(element) === true ? (\n    React.cloneElement(element as React.ReactElement, spaceProps)\n  ) : (\n    <Space {...spaceProps}>{element}</Space>\n  )\n}\n"],"mappings":"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"}

package/components/form-label/style/dnb-form-label.css

@@ -2,9 +2,6 @@
  * FormLabel component
  *
  */
-/*
- * Utilities
- */
 .dnb-form-label {
   display: inline-block;
   width: auto;
@@ -21,10 +18,6 @@
   margin-right: 0;
   margin-bottom: 0.5rem;
 }
-.dnb-form-label[for]:not([disabled]) {
-  -webkit-user-select: none;
-          user-select: none;
-}
 .dnb-form-label[disabled] {
   cursor: not-allowed;
 }

package/components/form-label/style/dnb-form-label.min.css

@@ -1 +1 @@
-.dnb-form-label{color:inherit;display:inline-block;font-size:var(--font-size-basis);padding:0;text-align:left;vertical-align:baseline;white-space:pre-wrap;width:auto;word-break:normal}.dnb-form-label--vertical{display:block;margin-bottom:.5rem;margin-right:0}.dnb-form-label[for]:not([disabled]){-webkit-user-select:none;user-select:none}.dnb-form-label[disabled]{cursor:not-allowed}legend.dnb-form-label{display:inline-block}
+.dnb-form-label{color:inherit;display:inline-block;font-size:var(--font-size-basis);padding:0;text-align:left;vertical-align:baseline;white-space:pre-wrap;width:auto;word-break:normal}.dnb-form-label--vertical{display:block;margin-bottom:.5rem;margin-right:0}.dnb-form-label[disabled]{cursor:not-allowed}legend.dnb-form-label{display:inline-block}

package/components/form-label/style/dnb-form-label.scss

@@ -3,8 +3,6 @@
  *
  */
 
-@import '../../../style/core/utilities.scss';
-
 .dnb-form-label {
   display: inline-block;
 
@@ -26,10 +24,6 @@
     margin-bottom: 0.5rem;
   }
 
-  &[for]:not([disabled]) {
-    user-select: none; // Safari / Touch fix
-  }
-
   &[disabled] {
     cursor: not-allowed;
   }

package/components/form-status/FormStatus.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import type { GlobalStatusConfigObject } from '../GlobalStatus';
 import type { IconIcon, IconSize } from '../Icon';
 import type { SkeletonShow } from '../Skeleton';
-import type { SpacingProps } from '../space/types';
+import type { SpacingProps, SpaceTypeAll } from '../space/types';
 export type FormStatusText =
   | string
   | boolean
@@ -84,6 +84,10 @@ export interface FormStatusProps
    * The `role` attribute for accessibility, defaults to `alert`
    */
   role?: string;
+  /**
+   * Use it to set an inner margin. It supports the same props as `space`. Useful for animation.
+   */
+  shellSpace?: SpaceTypeAll;
   className?: string;
   /**
    * The `text` appears as the status message. Beside plain text, you can send in a React component as well.