@dnb/eufemia 10.4.2 → 10.6.0

package/cjs/extensions/forms/FieldBlock/FieldBlock.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _elements = require("../../../elements");
+var _components = require("../../../components");
+var _utils = require("../utils");
+var _types = require("../types");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function FieldBlock(props) {
+  const {
+    className,
+    forId,
+    layout = 'vertical',
+    label,
+    labelDescription,
+    labelSecondary,
+    info,
+    warning,
+    error,
+    children
+  } = props;
+  return _react.default.createElement(_elements.Div, _extends({
+    className: (0, _classnames.default)('dnb-forms-field-block', className)
+  }, (0, _utils.forwardSpaceProps)(props)), labelDescription || labelSecondary ? _react.default.createElement("div", {
+    className: "dnb-forms-field-block__label-block"
+  }, label || labelDescription ? _react.default.createElement(_components.FormLabel, {
+    for_id: forId,
+    label_direction: layout,
+    space: {
+      bottom: 'x-small'
+    }
+  }, label, labelDescription && _react.default.createElement("span", {
+    className: "dnb-forms-field-block__label-description"
+  }, labelDescription)) : _react.default.createElement(_react.default.Fragment, null, "\xA0"), labelSecondary && _react.default.createElement(_elements.Span, {
+    className: "dnb-forms-field-block__label-secondary"
+  }, labelSecondary)) : label && _react.default.createElement(_components.FormLabel, {
+    for_id: forId,
+    label_direction: layout,
+    space: {
+      bottom: 'x-small'
+    }
+  }, label), children, error && _react.default.createElement(_components.FormStatus, {
+    state: "error",
+    id: forId ? `${forId}-form-status` : undefined,
+    text: error === null || error === void 0 ? void 0 : error.message,
+    label: label,
+    space: {
+      top: 'x-small'
+    }
+  }), warning && _react.default.createElement(_components.FormStatus, {
+    state: "warn",
+    id: forId ? `${forId}-form-status` : undefined,
+    text: warning instanceof Error && warning.message || warning instanceof _types.FormError && warning.message || (info === null || info === void 0 ? void 0 : info.toString()),
+    label: label,
+    space: {
+      top: 'x-small'
+    }
+  }), info && _react.default.createElement(_components.FormStatus, {
+    state: "info",
+    id: forId ? `${forId}-form-status` : undefined,
+    text: info instanceof Error && info.message || info instanceof _types.FormError && info.message || (info === null || info === void 0 ? void 0 : info.toString()),
+    label: label,
+    space: {
+      top: 'x-small'
+    }
+  }));
+}
+FieldBlock._supportsEufemiaSpacingProps = true;
+var _default = FieldBlock;
+exports.default = _default;
+//# sourceMappingURL=FieldBlock.js.map

package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldBlock.js","names":["_react","_interopRequireDefault","require","_classnames","_elements","_components","_utils","_types","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","FieldBlock","props","className","forId","layout","label","labelDescription","labelSecondary","info","warning","error","children","createElement","Div","classnames","forwardSpaceProps","FormLabel","for_id","label_direction","space","bottom","Fragment","Span","FormStatus","state","id","undefined","text","message","top","Error","FormError","toString","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlock.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div, Span } from '../../../elements'\nimport { FormLabel, FormStatus } from '../../../components'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport { FormError } from '../types'\nimport type { FieldProps } from '../field-types'\n\nexport type Props = ComponentProps &\n  Pick<\n    FieldProps,\n    | 'layout'\n    | 'label'\n    | 'labelDescription'\n    | 'labelSecondary'\n    | 'info'\n    | 'warning'\n    | 'error'\n  > & {\n    forId?: string\n    children: React.ReactNode\n  }\n\nfunction FieldBlock(props: Props) {\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    label,\n    labelDescription,\n    labelSecondary,\n    info,\n    warning,\n    error,\n    children,\n  } = props\n\n  return (\n    <Div\n      className={classnames('dnb-forms-field-block', className)}\n      {...forwardSpaceProps(props)}\n    >\n      {labelDescription || labelSecondary ? (\n        <div className=\"dnb-forms-field-block__label-block\">\n          {label || labelDescription ? (\n            <FormLabel\n              for_id={forId}\n              label_direction={layout}\n              space={{ bottom: 'x-small' }}\n            >\n              {label}\n              {labelDescription && (\n                <span className=\"dnb-forms-field-block__label-description\">\n                  {labelDescription}\n                </span>\n              )}\n            </FormLabel>\n          ) : (\n            <>&nbsp;</>\n          )}\n          {labelSecondary && (\n            <Span className=\"dnb-forms-field-block__label-secondary\">\n              {labelSecondary}\n            </Span>\n          )}\n        </div>\n      ) : (\n        label && (\n          <FormLabel\n            for_id={forId}\n            label_direction={layout}\n            space={{ bottom: 'x-small' }}\n          >\n            {label}\n          </FormLabel>\n        )\n      )}\n\n      {children}\n\n      {error && (\n        <FormStatus\n          state=\"error\"\n          id={forId ? `${forId}-form-status` : undefined}\n          text={error?.message}\n          label={label}\n          space={{ top: 'x-small' }}\n        />\n      )}\n      {warning && (\n        <FormStatus\n          state=\"warn\"\n          id={forId ? `${forId}-form-status` : undefined}\n          text={\n            (warning instanceof Error && warning.message) ||\n            (warning instanceof FormError && warning.message) ||\n            info?.toString()\n          }\n          label={label}\n          space={{ top: 'x-small' }}\n        />\n      )}\n      {info && (\n        <FormStatus\n          state=\"info\"\n          id={forId ? `${forId}-form-status` : undefined}\n          text={\n            (info instanceof Error && info.message) ||\n            (info instanceof FormError && info.message) ||\n            info?.toString()\n          }\n          label={label}\n          space={{ top: 'x-small' }}\n        />\n      )}\n    </Div>\n  )\n}\n\nFieldBlock._supportsEufemiaSpacingProps = true\nexport default FieldBlock\n"],"mappings":"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"}

package/cjs/extensions/forms/FieldBlock/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FieldBlock';

package/cjs/extensions/forms/FieldBlock/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _FieldBlock.default;
+  }
+});
+var _FieldBlock = _interopRequireDefault(require("./FieldBlock"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/FieldBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FieldBlock","_interopRequireDefault","require","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/FieldBlock/index.ts"],"sourcesContent":["export { default  } from './FieldBlock';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css

@@ -0,0 +1,15 @@
+.dnb-forms-field-block__label-block {
+  display: flex;
+  flex-flow: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.dnb-forms-field-block__label-description {
+  margin-left: 0.3em;
+  color: var(--color-black-55);
+  font-size: var(--font-size-small);
+}
+.dnb-forms-field-block__label-secondary {
+  color: var(--color-black-55);
+  font-size: var(--font-size-small);
+}

package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css

@@ -0,0 +1 @@
+.dnb-forms-field-block__label-block{align-items:center;display:flex;flex-flow:row;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}

package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss

@@ -0,0 +1,19 @@
+.dnb-forms-field-block {
+  &__label-block {
+    display: flex;
+    flex-flow: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  &__label-description {
+    margin-left: 0.3em;
+    color: var(--color-black-55);
+    font-size: var(--font-size-small);
+  }
+
+  &__label-secondary {
+    color: var(--color-black-55);
+    font-size: var(--font-size-small);
+  }
+}

package/cjs/extensions/forms/FieldBlock/style/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './dnb-field-block.scss';

package/cjs/extensions/forms/FieldBlock/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./dnb-field-block.min.css");
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/FieldBlock/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["../../../../../../src/extensions/forms/FieldBlock/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-field-block.scss'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/extensions/forms/FieldBlock/style.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './style';

package/cjs/extensions/forms/FieldBlock/style.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./style");
+//# sourceMappingURL=style.js.map

package/cjs/extensions/forms/FieldBlock/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":["require"],"sources":["../../../../../src/extensions/forms/FieldBlock/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/extensions/forms/FieldGroup/FieldGroup.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import { FormError } from '../types';
+import type { FieldProps } from '../field-types';
+export interface FieldGroupContextState {
+    setFieldError?: (id: string, error: FormError) => void;
+    setShowFieldError?: (id: string, showError: boolean) => void;
+}
+export declare const FieldGroupContext: React.Context<FieldGroupContextState>;
+export type Props = ComponentProps & Pick<FieldProps, 'label' | 'labelDescription' | 'labelSecondary' | 'info' | 'warning' | 'error'> & {
+    children: React.ReactNode;
+};
+declare function FieldGroup(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FieldGroup {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default FieldGroup;

package/cjs/extensions/forms/FieldGroup/FieldGroup.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FieldGroupContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+var _FieldBlock = _interopRequireDefault(require("../FieldBlock"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const FieldGroupContext = _react.default.createContext(undefined);
+exports.FieldGroupContext = FieldGroupContext;
+function FieldGroup(props) {
+  const {
+    className,
+    label,
+    labelDescription,
+    labelSecondary,
+    info,
+    warning,
+    error,
+    children
+  } = props;
+  const [fieldErrorRecord, setFieldErrorRecord] = (0, _react.useState)({});
+  const [showFieldErrorRecord, setShowFieldErrorRecord] = (0, _react.useState)({});
+  const setFieldError = (0, _react.useCallback)((id, error) => {
+    setFieldErrorRecord(existing => {
+      if (error) {
+        return _objectSpread(_objectSpread({}, existing), {}, {
+          [id]: error
+        });
+      } else {
+        const {
+            [id]: removed
+          } = existing,
+          newRecord = _objectWithoutProperties(existing, [id].map(_toPropertyKey));
+        return newRecord;
+      }
+    });
+  }, []);
+  const setShowFieldError = (0, _react.useCallback)((id, show) => {
+    setShowFieldErrorRecord(existing => {
+      if (show) {
+        return _objectSpread(_objectSpread({}, existing), {}, {
+          [id]: true
+        });
+      } else {
+        const {
+            [id]: removed
+          } = existing,
+          newRecord = _objectWithoutProperties(existing, [id].map(_toPropertyKey));
+        return newRecord;
+      }
+    });
+  }, []);
+  const blockError = (0, _react.useMemo)(() => {
+    const errors = Object.entries(fieldErrorRecord).filter(_ref => {
+      let [id] = _ref;
+      return showFieldErrorRecord[id] === true;
+    }).map(_ref2 => {
+      let [, error] = _ref2;
+      return error;
+    });
+    return errors.length > 0 ? new Error(errors.map(error => error.message).join(' | ')) : undefined;
+  }, [fieldErrorRecord, showFieldErrorRecord]);
+  return _react.default.createElement(FieldGroupContext.Provider, {
+    value: {
+      setFieldError,
+      setShowFieldError
+    }
+  }, _react.default.createElement(_FieldBlock.default, _extends({
+    className: (0, _classnames.default)('dnb-forms-field-group', className),
+    label: label,
+    labelDescription: labelDescription,
+    labelSecondary: labelSecondary,
+    info: info,
+    warning: warning,
+    error: error ?? blockError
+  }, (0, _utils.forwardSpaceProps)(props)), children));
+}
+FieldGroup._supportsEufemiaSpacingProps = true;
+var _default = FieldGroup;
+exports.default = _default;
+//# sourceMappingURL=FieldGroup.js.map

package/cjs/extensions/forms/FieldGroup/FieldGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_utils","_FieldBlock","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","FieldGroupContext","React","createContext","exports","FieldGroup","props","className","label","labelDescription","labelSecondary","info","warning","error","children","fieldErrorRecord","setFieldErrorRecord","useState","showFieldErrorRecord","setShowFieldErrorRecord","setFieldError","useCallback","id","existing","removed","newRecord","map","setShowFieldError","show","blockError","useMemo","errors","entries","_ref","_ref2","Error","message","join","createElement","Provider","classnames","forwardSpaceProps","_supportsEufemiaSpacingProps","_default"],"sources":["../../../../../src/extensions/forms/FieldGroup/FieldGroup.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport { FormError } from '../types'\nimport { forwardSpaceProps } from '../utils'\nimport FieldBlock from '../FieldBlock'\nimport type { FieldProps } from '../field-types'\n\nexport interface FieldGroupContextState {\n  setFieldError?: (id: string, error: FormError) => void\n  setShowFieldError?: (id: string, showError: boolean) => void\n}\n\nexport const FieldGroupContext = React.createContext<\n  FieldGroupContextState | undefined\n>(undefined)\n\nexport type Props = ComponentProps &\n  Pick<\n    FieldProps,\n    | 'label'\n    | 'labelDescription'\n    | 'labelSecondary'\n    | 'info'\n    | 'warning'\n    | 'error'\n  > & {\n    children: React.ReactNode\n  }\n\nfunction FieldGroup(props: Props) {\n  const {\n    className,\n    label,\n    labelDescription,\n    labelSecondary,\n    info,\n    warning,\n    error,\n    children,\n  } = props\n\n  const [fieldErrorRecord, setFieldErrorRecord] = useState<\n    Record<string, FormError>\n  >({})\n  const [showFieldErrorRecord, setShowFieldErrorRecord] = useState<\n    Record<string, boolean>\n  >({})\n\n  const setFieldError = useCallback((id, error) => {\n    setFieldErrorRecord((existing) => {\n      if (error) {\n        return {\n          ...existing,\n          [id]: error,\n        }\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const { [id]: removed, ...newRecord } = existing\n        return newRecord\n      }\n    })\n  }, [])\n\n  const setShowFieldError = useCallback((id, show) => {\n    setShowFieldErrorRecord((existing) => {\n      if (show) {\n        return {\n          ...existing,\n          [id]: true,\n        }\n      } else {\n        const { [id]: removed, ...newRecord } = existing\n        return newRecord\n      }\n    })\n  }, [])\n\n  const blockError = useMemo(() => {\n    const errors = Object.entries(fieldErrorRecord)\n      .filter(([id]) => showFieldErrorRecord[id] === true)\n      .map(([, error]) => error)\n    return errors.length > 0\n      ? new Error(errors.map((error) => error.message).join(' | '))\n      : undefined\n  }, [fieldErrorRecord, showFieldErrorRecord])\n\n  return (\n    <FieldGroupContext.Provider\n      value={{\n        setFieldError,\n        setShowFieldError,\n      }}\n    >\n      <FieldBlock\n        className={classnames('dnb-forms-field-group', className)}\n        label={label}\n        labelDescription={labelDescription}\n        labelSecondary={labelSecondary}\n        info={info}\n        warning={warning}\n        error={error ?? blockError}\n        {...forwardSpaceProps(props)}\n      >\n        {children}\n      </FieldBlock>\n    </FieldGroupContext.Provider>\n  )\n}\n\nFieldGroup._supportsEufemiaSpacingProps = true\nexport default FieldGroup\n"],"mappings":"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"}

package/cjs/extensions/forms/FieldGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FieldGroup';
+export * from './FieldGroup';

package/cjs/extensions/forms/FieldGroup/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _FieldGroup.default;
+  }
+});
+var _FieldGroup = _interopRequireWildcard(require("./FieldGroup"));
+Object.keys(_FieldGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FieldGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FieldGroup[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/FieldGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FieldGroup","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../../../../src/extensions/forms/FieldGroup/index.ts"],"sourcesContent":["export { default } from './FieldGroup';\nexport * from './FieldGroup';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,WAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,WAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,WAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA6B,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA"}

package/cjs/extensions/forms/Forms.d.ts

@@ -0,0 +1,3 @@
+import { Field } from './index';
+export * from './index';
+export default Field;

package/cjs/extensions/forms/Forms.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _index = require("./index");
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+var _default = _index.Field;
+exports.default = _default;
+//# sourceMappingURL=Forms.js.map

package/cjs/extensions/forms/Forms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Forms.js","names":["_index","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_default","Field","default"],"sources":["../../../../src/extensions/forms/Forms.ts"],"sourcesContent":["import { Field } from './index'\nexport * from './index'\nexport default Field\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAAuB,IAAAS,QAAA,GACRC,YAAK;AAAAL,OAAA,CAAAM,OAAA,GAAAF,QAAA"}

package/cjs/extensions/forms/Layout/ButtonRow.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & {
+    children?: React.ReactNode;
+};
+declare function ButtonRow(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ButtonRow {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default ButtonRow;

package/cjs/extensions/forms/Layout/ButtonRow.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _elements = require("../../../elements");
+var _utils = require("../utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ButtonRow(props) {
+  const {
+    className,
+    children
+  } = props;
+  return _react.default.createElement(_elements.Div, _extends({
+    className: (0, _classnames.default)('dnb-forms-button-row', className)
+  }, (0, _utils.forwardSpaceProps)(props)), children);
+}
+ButtonRow._supportsEufemiaSpacingProps = true;
+var _default = ButtonRow;
+exports.default = _default;
+//# sourceMappingURL=ButtonRow.js.map

package/cjs/extensions/forms/Layout/ButtonRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRow.js","names":["_react","_interopRequireDefault","require","_classnames","_elements","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ButtonRow","props","className","children","createElement","Div","classnames","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/ButtonRow.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div } from '../../../elements'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\n\nexport type Props = ComponentProps & {\n  children?: React.ReactNode\n}\n\nfunction ButtonRow(props: Props) {\n  const { className, children } = props\n  return (\n    <Div\n      className={classnames('dnb-forms-button-row', className)}\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </Div>\n  )\n}\n\nButtonRow._supportsEufemiaSpacingProps = true\nexport default ButtonRow\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAO5C,SAASQ,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACExB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,SAAA,CAAAwB,GAAG,EAAAnB,QAAA;IACFgB,SAAS,EAAE,IAAAI,mBAAU,EAAC,sBAAsB,EAAEJ,SAAS;EAAE,GACrD,IAAAK,wBAAiB,EAACN,KAAK,CAAC,GAE3BE,QACE,CAAC;AAEV;AAEAH,SAAS,CAACQ,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC9BT,SAAS;AAAAU,OAAA,CAAAzB,OAAA,GAAAwB,QAAA"}

package/cjs/extensions/forms/Layout/Card.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import { Props as FlexContainerProps } from './FlexContainer';
+export type Props = ComponentProps & {
+    stack?: boolean;
+    direction?: FlexContainerProps['direction'];
+    spacing?: FlexContainerProps['spacing'];
+    children: React.ReactNode;
+};
+declare function Card(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Card {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Card;

package/cjs/extensions/forms/Layout/Card.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+var _FlexContainer = _interopRequireDefault(require("./FlexContainer"));
+var _FlexItem = _interopRequireDefault(require("./FlexItem"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function Card(props) {
+  const {
+    className,
+    stack,
+    direction,
+    spacing,
+    children
+  } = props;
+  if (stack) {
+    return _react.default.createElement(_FlexContainer.default, _extends({
+      className: (0, _classnames.default)('dnb-forms-card', className),
+      direction: "column",
+      divider: "line",
+      spacing: spacing ?? 'medium'
+    }, (0, _utils.forwardSpaceProps)(props)), children);
+  }
+  if (direction || spacing) {
+    return _react.default.createElement(_FlexContainer.default, _extends({
+      className: (0, _classnames.default)('dnb-forms-card', className),
+      direction: direction ?? 'column',
+      divider: "space",
+      spacing: spacing ?? 'small'
+    }, (0, _utils.forwardSpaceProps)(props)), children);
+  }
+  return _react.default.createElement(_FlexItem.default, {
+    className: (0, _classnames.default)('dnb-forms-card', className)
+  }, children);
+}
+Card._supportsEufemiaSpacingProps = true;
+var _default = Card;
+exports.default = _default;
+//# sourceMappingURL=Card.js.map

package/cjs/extensions/forms/Layout/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":["_react","_interopRequireDefault","require","_classnames","_utils","_FlexContainer","_FlexItem","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Card","props","className","stack","direction","spacing","children","createElement","classnames","divider","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/Card.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from './FlexContainer'\nimport FlexItem from './FlexItem'\n\nexport type Props = ComponentProps & {\n  stack?: boolean\n  direction?: FlexContainerProps['direction']\n  spacing?: FlexContainerProps['spacing']\n  children: React.ReactNode\n}\n\nfunction Card(props: Props) {\n  const { className, stack, direction, spacing, children } = props\n\n  if (stack) {\n    return (\n      <FlexContainer\n        className={classnames('dnb-forms-card', className)}\n        direction=\"column\"\n        divider=\"line\"\n        spacing={spacing ?? 'medium'}\n        {...forwardSpaceProps(props)}\n      >\n        {children}\n      </FlexContainer>\n    )\n  }\n\n  if (direction || spacing) {\n    return (\n      <FlexContainer\n        className={classnames('dnb-forms-card', className)}\n        direction={direction ?? 'column'}\n        divider=\"space\"\n        spacing={spacing ?? 'small'}\n        {...forwardSpaceProps(props)}\n      >\n        {children}\n      </FlexContainer>\n    )\n  }\n\n  return (\n    <FlexItem className={classnames('dnb-forms-card', className)}>\n      {children}\n    </FlexItem>\n  )\n}\n\nCard._supportsEufemiaSpacingProps = true\nexport default Card\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAGA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAiC,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AASjC,SAASQ,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAEhE,IAAIE,KAAK,EAAE;IACT,OACE3B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,cAAA,CAAAI,OAAa,EAAAC,QAAA;MACZgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS,CAAE;MACnDE,SAAS,EAAC,QAAQ;MAClBK,OAAO,EAAC,MAAM;MACdJ,OAAO,EAAEA,OAAO,IAAI;IAAS,GACzB,IAAAK,wBAAiB,EAACT,KAAK,CAAC,GAE3BK,QACY,CAAC;EAEpB;EAEA,IAAIF,SAAS,IAAIC,OAAO,EAAE;IACxB,OACE7B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,cAAA,CAAAI,OAAa,EAAAC,QAAA;MACZgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS,CAAE;MACnDE,SAAS,EAAEA,SAAS,IAAI,QAAS;MACjCK,OAAO,EAAC,OAAO;MACfJ,OAAO,EAAEA,OAAO,IAAI;IAAQ,GACxB,IAAAK,wBAAiB,EAACT,KAAK,CAAC,GAE3BK,QACY,CAAC;EAEpB;EAEA,OACE9B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAACzB,SAAA,CAAAG,OAAQ;IAACiB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS;EAAE,GAC1DI,QACO,CAAC;AAEf;AAEAN,IAAI,CAACW,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GACzBZ,IAAI;AAAAa,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}

package/cjs/extensions/forms/Layout/Column.d.ts

@@ -0,0 +1,7 @@
+import { Props as FlexContainerProps } from './FlexContainer';
+export type Props = Omit<FlexContainerProps, 'direction'>;
+declare function Column({ children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Column {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Column;

package/cjs/extensions/forms/Layout/Column.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _FlexContainer = _interopRequireDefault(require("./FlexContainer"));
+const _excluded = ["children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function Column(_ref) {
+  let {
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return _react.default.createElement(_FlexContainer.default, _extends({
+    direction: "column"
+  }, props), children);
+}
+Column._supportsEufemiaSpacingProps = true;
+var _default = Column;
+exports.default = _default;
+//# sourceMappingURL=Column.js.map

package/cjs/extensions/forms/Layout/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","names":["_react","_interopRequireDefault","require","_FlexContainer","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Column","_ref","children","props","createElement","direction","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/Column.tsx"],"sourcesContent":["import React from 'react'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from './FlexContainer'\n\nexport type Props = Omit<FlexContainerProps, 'direction'>\n\nfunction Column({ children, ...props }: Props) {\n  return (\n    <FlexContainer direction=\"column\" {...props}>\n      {children}\n    </FlexContainer>\n  )\n}\n\nColumn._supportsEufemiaSpacingProps = true\nexport default Column\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEwB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAIxB,SAASmB,MAAMA,CAAAC,IAAA,EAAgC;EAAA,IAA/B;MAAEC;IAA0B,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAClC,OACEJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,cAAA,CAAAI,OAAa,EAAAC,QAAA;IAAC4B,SAAS,EAAC;EAAQ,GAAKF,KAAK,GACxCD,QACY,CAAC;AAEpB;AAEAF,MAAM,CAACM,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC3BP,MAAM;AAAAQ,OAAA,CAAAhC,OAAA,GAAA+B,QAAA"}

package/cjs/extensions/forms/Layout/FlexContainer.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+export declare function isHeadingElement(element: any): 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)?
+ */
+export declare const isSpacePropsComponent: (element: React.ReactNode) => boolean;
+export type Props = ComponentProps & {
+    direction?: 'row' | 'column';
+    wrap?: boolean;
+    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+    divider?: 'space' | 'line';
+    /** Spacing between items inside */
+    spacing?: false | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+    children: React.ReactNode;
+};
+declare function FlexContainer(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FlexContainer {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default FlexContainer;