@webiny/ui 5.43.2 → 6.0.0-alpha.0

package/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_drawer","_excluded","_EMOTION_STRINGIFIED_CSS_ERROR__","DrawerHeader","exports","props","default","createElement","DrawerContent","DirectionRTL","_base","process","env","NODE_ENV","target","label","name","styles","map","toString","Drawer","_ref","style","children","_objectWithoutProperties2","useMemo","RmwcDrawer","DrawerRight","DrawerLeft"],"sources":["Drawer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { CSSObject } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport {\n    Drawer as RmwcDrawer,\n    DrawerContent as RmwcDrawerContent,\n    DrawerHeader as RmwcDrawerHeader,\n    DrawerProps as RmwcDrawerProps,\n    DrawerHeaderProps as RmwcDrawerHeaderProps,\n    DrawerContentProps as RmwcDrawerContentProps\n} from \"@rmwc/drawer\";\n\ntype DrawerHeaderProps = RmwcDrawerHeaderProps & {\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\n/**\n * Shows header of the drawer.\n */\nconst DrawerHeader = (props: DrawerHeaderProps) => <RmwcDrawerHeader {...props} />;\n\nexport type DrawerContentProps = RmwcDrawerContentProps & {\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\n/**\n * Shows drawer content. It can be anything, but commonly a List component would suffice here.\n */\nconst DrawerContent = (props: DrawerContentProps) => <RmwcDrawerContent {...props} />;\n\ntype DrawerProps = RmwcDrawerProps & {\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n\n    style?: CSSObject;\n};\n\nconst DirectionRTL = styled.div`\n    .mdc-drawer.mdc-drawer--modal,\n    .mdc-drawer.mdc-drawer--dismissable {\n        left: initial;\n        right: 0;\n    }\n\n    .mdc-drawer--animate {\n        -webkit-transform: translateX(100%);\n        transform: translateX(100%);\n    }\n\n    .mdc-drawer.mdc-drawer--opening {\n        -webkit-transform: translateX(0%) !important;\n        transform: translateX(0%) !important;\n    }\n\n    .mdc-drawer.mdc-drawer--closing {\n        -webkit-transform: translateX(100%) !important;\n        transform: translateX(100%) !important;\n    }\n`;\n\n/**\n * Use Drawer component to display navigation for the whole app or just a small section of it.\n */\nconst Drawer = ({ style, children, ...props }: DrawerProps) => {\n    // Style the drawer using the styles that were passed in.\n    const Drawer = useMemo(() => (style ? styled(RmwcDrawer)(style) : RmwcDrawer), [style]);\n\n    return <Drawer {...props}>{children}</Drawer>;\n};\n\nconst DrawerRight = (props: DrawerProps) => {\n    return (\n        <DirectionRTL>\n            <Drawer {...props} />\n        </DirectionRTL>\n    );\n};\n\nconst DrawerLeft = (props: DrawerProps) => {\n    return <Drawer {...props} />;\n};\n\nexport { Drawer, DrawerHeader, DrawerContent, DrawerRight, DrawerLeft };\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AAOsB,IAAAE,SAAA;AAAA,SAAAC,iCAAA;AActB;AACA;AACA;AACA,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAIE,KAAwB;EAAA,oBAAKR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAG,YAAgB,EAAKE,KAAQ,CAAC;AAAA;AAclF;AACA;AACA;AACA,IAAMG,aAAa,GAAAJ,OAAA,CAAAI,aAAA,GAAG,SAAhBA,aAAaA,CAAIH,KAAyB;EAAA,oBAAKR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAQ,aAAiB,EAAKH,KAAQ,CAAC;AAAA;AAgBrF,IAAMI,YAAY,oBAAAC,KAAA,CAAAJ,OAAA,SAAAK,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAjB;AAAA,EAqBjB;;AAED;AACA;AACA;AACA,IAAMkB,MAAM,GAAAhB,OAAA,CAAAgB,MAAA,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAmD;EAAA,IAA7CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKlB,KAAK,OAAAmB,yBAAA,CAAAlB,OAAA,EAAAe,IAAA,EAAApB,SAAA;EACvC;EACA,IAAMmB,MAAM,GAAG,IAAAK,cAAO,EAAC;IAAA,OAAOH,KAAK,gBAAG,IAAAZ,KAAA,CAAAJ,OAAA,EAAOoB,cAAU,EAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA;MAAAC,MAAA;IAAA;MAAAA,MAAA;MAAAC,KAAA;IAAA,EAAC,CAACO,KAAK,EAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA,mtHAAC,GAAGa,cAAU;EAAA,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;EAEvF,oBAAOzB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACa,MAAM,EAAKf,KAAK,EAAGkB,QAAiB,CAAC;AACjD,CAAC;AAED,IAAMI,WAAW,GAAAvB,OAAA,CAAAuB,WAAA,GAAG,SAAdA,WAAWA,CAAItB,KAAkB,EAAK;EACxC,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACE,YAAY,qBACTZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACa,MAAM,EAAKf,KAAQ,CACV,CAAC;AAEvB,CAAC;AAED,IAAMuB,UAAU,GAAAxB,OAAA,CAAAwB,UAAA,GAAG,SAAbA,UAAUA,CAAIvB,KAAkB,EAAK;EACvC,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACa,MAAM,EAAKf,KAAQ,CAAC;AAChC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Drawer","AdminUiDrawer","DrawerHeader","AdminUiDrawerHeader","children","props","createElement","Object","assign","side","DrawerRight","DrawerLeft","title","description","DrawerContent","Fragment"],"sources":["Drawer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Drawer as AdminUiDrawer, type DrawerProps as AdminUiDrawerProps } from \"@webiny/admin-ui\";\nimport { DrawerHeader as AdminUiDrawerHeader } from \"@webiny/admin-ui/Drawer/components/DrawerHeader\";\n\n/**\n * Use Drawer component to display navigation for the whole app or just a small section of it.\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.\n */\nconst Drawer = ({ children, ...props }: DrawerProps) => {\n    return (\n        <AdminUiDrawer side={\"left\"} {...props}>\n            {children}\n        </AdminUiDrawer>\n    );\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.\n */\nconst DrawerRight = (props: DrawerProps) => {\n    return <Drawer side={\"right\"} {...props} />;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.\n */\nconst DrawerLeft = (props: DrawerProps) => {\n    return <Drawer side={\"left\"} {...props} />;\n};\n\ntype DrawerHeaderProps = {\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Dialog` component from the `@webiny/admin-ui` package instead.\n */\nconst DrawerHeader = (props: DrawerHeaderProps) => {\n    return <AdminUiDrawerHeader title={props.children} description={\"\"} />;\n};\n\nexport type DrawerContentProps = {\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Drawer` component from the `@webiny/admin-ui` package instead.\n */\nconst DrawerContent = (props: DrawerContentProps) => {\n    return <>{props.children}</>;\n};\n\nexport interface DrawerProps extends AdminUiDrawerProps {\n    /**\n     * @deprecated Property is no longer supported.\n     */\n    dismissible?: boolean;\n\n    onClose?: () => void;\n}\n\nexport { Drawer, DrawerHeader, DrawerContent, DrawerRight, DrawerLeft };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,IAAIC,aAAa,QAAgD,kBAAkB;AAClG,SAASC,YAAY,IAAIC,mBAAmB,QAAQ,iDAAiD;;AAErG;AACA;AACA;AACA;AACA;AACA,MAAMH,MAAM,GAAGA,CAAC;EAAEI,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACpD,oBACIN,KAAA,CAAAO,aAAA,CAACL,aAAa,EAAAM,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE;EAAO,GAAKJ,KAAK,GACjCD,QACU,CAAC;AAExB,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMM,WAAW,GAAIL,KAAkB,IAAK;EACxC,oBAAON,KAAA,CAAAO,aAAA,CAACN,MAAM,EAAAO,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE;EAAQ,GAAKJ,KAAK,CAAG,CAAC;AAC/C,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMM,UAAU,GAAIN,KAAkB,IAAK;EACvC,oBAAON,KAAA,CAAAO,aAAA,CAACN,MAAM,EAAAO,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE;EAAO,GAAKJ,KAAK,CAAG,CAAC;AAC9C,CAAC;AAcD;AACA;AACA;AACA;AACA,MAAMH,YAAY,GAAIG,KAAwB,IAAK;EAC/C,oBAAON,KAAA,CAAAO,aAAA,CAACH,mBAAmB;IAACS,KAAK,EAAEP,KAAK,CAACD,QAAS;IAACS,WAAW,EAAE;EAAG,CAAE,CAAC;AAC1E,CAAC;AAcD;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAIT,KAAyB,IAAK;EACjD,oBAAON,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAgB,QAAA,QAAGV,KAAK,CAACD,QAAW,CAAC;AAChC,CAAC;AAWD,SAASJ,MAAM,EAAEE,YAAY,EAAEY,aAAa,EAAEJ,WAAW,EAAEC,UAAU","ignoreList":[]}

package/Drawer/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Drawer = require("./Drawer");
-Object.keys(_Drawer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Drawer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Drawer[key];
-    }
-  });
-});
+export * from "./Drawer";
 
 //# sourceMappingURL=index.js.map

package/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Drawer","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Drawer\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Drawer\";\n"],"mappings":"AAAA","ignoreList":[]}

package/DynamicFieldset/index.d.ts

@@ -1 +1,7 @@
-export { default as DynamicFieldset } from "./Fieldset";
+import { DynamicFieldset, type DynamicFieldsetProps } from "@webiny/admin-ui";
+export { 
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DynamicFieldset` component from the `@webiny/admin-ui` package instead.
+ */
+DynamicFieldset, type DynamicFieldsetProps };

package/DynamicFieldset/index.js

@@ -1,15 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DynamicFieldset", {
-  enumerable: true,
-  get: function get() {
-    return _Fieldset.default;
-  }
-});
-var _Fieldset = _interopRequireDefault(require("./Fieldset"));
+import { DynamicFieldset } from "@webiny/admin-ui";
+export {
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `DynamicFieldset` component from the `@webiny/admin-ui` package instead.
+ */
+DynamicFieldset };
 
 //# sourceMappingURL=index.js.map

package/DynamicFieldset/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Fieldset","_interopRequireDefault","require"],"sources":["index.ts"],"sourcesContent":["export { default as DynamicFieldset } from \"./Fieldset\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["DynamicFieldset"],"sources":["index.ts"],"sourcesContent":["import { DynamicFieldset, type DynamicFieldsetProps } from \"@webiny/admin-ui\";\n\nexport {\n    /**\n     * @deprecated This component is deprecated and will be removed in future releases.\n     * Please use the `DynamicFieldset` component from the `@webiny/admin-ui` package instead.\n     */\n    DynamicFieldset,\n    type DynamicFieldsetProps\n};\n"],"mappings":"AAAA,SAASA,eAAe,QAAmC,kBAAkB;AAE7E;AACI;AACJ;AACA;AACA;AACIA,eAAe","ignoreList":[]}

package/Elevation/Elevation.d.ts

@@ -7,7 +7,11 @@ export type ElevationProps = {
     style?: React.CSSProperties;
 };
 /**
- * Elevation component visually raises any content by applying shadow.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Card` component from the `@webiny/admin-ui` package instead.
  */
-declare const Elevation: React.ForwardRefExoticComponent<ElevationProps & React.RefAttributes<any>>;
+declare const Elevation: {
+    ({ className, ...props }: ElevationProps): React.JSX.Element;
+    displayName: string;
+};
 export { Elevation };

package/Elevation/Elevation.js

@@ -1,20 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Elevation = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _elevation = require("@rmwc/elevation");
+import React from "react";
+import { cn } from "@webiny/admin-ui";
 /**
- * Elevation component visually raises any content by applying shadow.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Card` component from the `@webiny/admin-ui` package instead.
  */
-var Elevation = exports.Elevation = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(_elevation.Elevation, Object.assign({
-    ref: ref
-  }, props), props.children);
-});
+const Elevation = ({
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn("wby-bg-white wby-shadow-md wby-p-4", className)
+  }), props.children);
+};
 Elevation.displayName = "Elevation";
+export { Elevation };
 
 //# sourceMappingURL=Elevation.js.map

package/Elevation/Elevation.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_elevation","Elevation","exports","React","forwardRef","props","ref","default","createElement","Object","assign","children","displayName"],"sources":["Elevation.tsx"],"sourcesContent":["import React from \"react\";\nimport { Elevation as RmwcElevation } from \"@rmwc/elevation\";\n\nexport type ElevationProps = {\n    // Any element that needs to be highlighted.\n    children?: React.ReactNode;\n\n    // Increasing this number (from 0 to 24) will increase the amount of shadow applied.\n    z: number;\n\n    // Adds smooth transitions when the z value changes.\n    transition?: boolean;\n\n    // CSS class name\n    className?: string;\n\n    // Style object\n    style?: React.CSSProperties;\n};\n\n/**\n * Elevation component visually raises any content by applying shadow.\n */\nconst Elevation = React.forwardRef((props: ElevationProps, ref: React.Ref<any>) => {\n    return (\n        <RmwcElevation ref={ref} {...props}>\n            {props.children}\n        </RmwcElevation>\n    );\n});\n\nElevation.displayName = \"Elevation\";\n\nexport { Elevation };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAmBA;AACA;AACA;AACA,IAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAGE,cAAK,CAACC,UAAU,CAAC,UAACC,KAAqB,EAAEC,GAAmB,EAAK;EAC/E,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAC,SAAa,EAAAQ,MAAA,CAAAC,MAAA;IAACJ,GAAG,EAAEA;EAAI,GAAKD,KAAK,GAC7BA,KAAK,CAACM,QACI,CAAC;AAExB,CAAC,CAAC;AAEFV,SAAS,CAACW,WAAW,GAAG,WAAW","ignoreList":[]}
+{"version":3,"names":["React","cn","Elevation","className","props","createElement","Object","assign","children","displayName"],"sources":["Elevation.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\nexport type ElevationProps = {\n    // Any element that needs to be highlighted.\n    children?: React.ReactNode;\n\n    // Increasing this number (from 0 to 24) will increase the amount of shadow applied.\n    z: number;\n\n    // Adds smooth transitions when the z value changes.\n    transition?: boolean;\n\n    // CSS class name\n    className?: string;\n\n    // Style object\n    style?: React.CSSProperties;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Card` component from the `@webiny/admin-ui` package instead.\n */\nconst Elevation = ({ className, ...props }: ElevationProps) => {\n    return (\n        <div {...props} className={cn(\"wby-bg-white wby-shadow-md wby-p-4\", className)}>\n            {props.children}\n        </div>\n    );\n};\n\nElevation.displayName = \"Elevation\";\n\nexport { Elevation };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAmBrC;AACA;AACA;AACA;AACA,MAAMC,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAsB,CAAC,KAAK;EAC3D,oBACIJ,KAAA,CAAAK,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;IAAED,SAAS,EAAEF,EAAE,CAAC,oCAAoC,EAAEE,SAAS;EAAE,IAC1EC,KAAK,CAACI,QACN,CAAC;AAEd,CAAC;AAEDN,SAAS,CAACO,WAAW,GAAG,WAAW;AAEnC,SAASP,SAAS","ignoreList":[]}

package/Elevation/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Elevation = require("./Elevation");
-Object.keys(_Elevation).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Elevation[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Elevation[key];
-    }
-  });
-});
+export * from "./Elevation";
 
 //# sourceMappingURL=index.js.map

package/Elevation/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Elevation","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Elevation\";\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Elevation\";\n"],"mappings":"AAAA","ignoreList":[]}

package/FormElementMessage/FormElementMessage.d.ts

@@ -1,8 +1,12 @@
 import React from "react";
-type Props = {
+type FormElementMessageProps = {
     children: React.ReactNode;
     className?: string;
     error?: boolean;
 };
-declare const FormElementMessage: (props: Props) => React.JSX.Element;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `FormComponent` components from the `@webiny/admin-ui` package instead.
+ */
+declare const FormElementMessage: ({ error, children, ...props }: FormElementMessageProps) => React.JSX.Element;
 export { FormElementMessage };

package/FormElementMessage/FormElementMessage.js

@@ -1,19 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormElementMessage = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var FormElementMessage = exports.FormElementMessage = function FormElementMessage(props) {
-  var classNames = (0, _classnames.default)("mdc-text-field-helper-text mdc-text-field-helper-text--persistent", props.className, {
-    "mdc-text-field-helper-text--error": props.error
-  });
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classNames
-  }, props.children);
+import React from "react";
+import { FormComponentErrorMessage, FormComponentNote } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `FormComponent` components from the `@webiny/admin-ui` package instead.
+ */
+const FormElementMessage = ({
+  error,
+  children,
+  ...props
+}) => {
+  if (error) {
+    return /*#__PURE__*/React.createElement(FormComponentErrorMessage, Object.assign({}, props, {
+      invalid: error,
+      text: children
+    }));
+  }
+  return /*#__PURE__*/React.createElement(FormComponentNote, Object.assign({}, props, {
+    text: children
+  }));
 };
+export { FormElementMessage };
 
 //# sourceMappingURL=FormElementMessage.js.map

package/FormElementMessage/FormElementMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","FormElementMessage","exports","props","classNames","classnames","className","error","default","createElement","children"],"sources":["FormElementMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport classnames from \"classnames\";\n\ntype Props = {\n    // message to display\n    children: React.ReactNode;\n\n    // optional class name\n    className?: string;\n\n    // is it an error message we're displaying\n    error?: boolean;\n};\n\nconst FormElementMessage = (props: Props) => {\n    const classNames = classnames(\n        \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n        props.className,\n        { \"mdc-text-field-helper-text--error\": props.error }\n    );\n\n    return <div className={classNames}>{props.children}</div>;\n};\n\nexport { FormElementMessage };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAaA,IAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAIE,KAAY,EAAK;EACzC,IAAMC,UAAU,GAAG,IAAAC,mBAAU,EACzB,mEAAmE,EACnEF,KAAK,CAACG,SAAS,EACf;IAAE,mCAAmC,EAAEH,KAAK,CAACI;EAAM,CACvD,CAAC;EAED,oBAAOV,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKH,SAAS,EAAEF;EAAW,GAAED,KAAK,CAACO,QAAc,CAAC;AAC7D,CAAC","ignoreList":[]}
+{"version":3,"names":["React","FormComponentErrorMessage","FormComponentNote","FormElementMessage","error","children","props","createElement","Object","assign","invalid","text"],"sources":["FormElementMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentErrorMessage, FormComponentNote } from \"@webiny/admin-ui\";\n\ntype FormElementMessageProps = {\n    // message to display\n    children: React.ReactNode;\n\n    // optional class name\n    className?: string;\n\n    // is it an error message we're displaying\n    error?: boolean;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `FormComponent` components from the `@webiny/admin-ui` package instead.\n */\nconst FormElementMessage = ({ error, children, ...props }: FormElementMessageProps) => {\n    if (error) {\n        return <FormComponentErrorMessage {...props} invalid={error} text={children} />;\n    }\n\n    return <FormComponentNote {...props} text={children} />;\n};\n\nexport { FormElementMessage };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,yBAAyB,EAAEC,iBAAiB,QAAQ,kBAAkB;AAa/E;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAA+B,CAAC,KAAK;EACnF,IAAIF,KAAK,EAAE;IACP,oBAAOJ,KAAA,CAAAO,aAAA,CAACN,yBAAyB,EAAAO,MAAA,CAAAC,MAAA,KAAKH,KAAK;MAAEI,OAAO,EAAEN,KAAM;MAACO,IAAI,EAAEN;IAAS,EAAE,CAAC;EACnF;EAEA,oBAAOL,KAAA,CAAAO,aAAA,CAACL,iBAAiB,EAAAM,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEK,IAAI,EAAEN;EAAS,EAAE,CAAC;AAC3D,CAAC;AAED,SAASF,kBAAkB","ignoreList":[]}

package/FormElementMessage/index.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FormElementMessage", {
-  enumerable: true,
-  get: function get() {
-    return _FormElementMessage.FormElementMessage;
-  }
-});
-var _FormElementMessage = require("./FormElementMessage");
+export { FormElementMessage } from "./FormElementMessage";
 
 //# sourceMappingURL=index.js.map

package/FormElementMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_FormElementMessage","require"],"sources":["index.ts"],"sourcesContent":["export { FormElementMessage } from \"./FormElementMessage\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["FormElementMessage"],"sources":["index.ts"],"sourcesContent":["export { FormElementMessage } from \"./FormElementMessage\";\n"],"mappings":"AAAA,SAASA,kBAAkB","ignoreList":[]}

package/FullName/FullName.d.ts

@@ -4,5 +4,9 @@ type Props = {
         lastName?: string;
     };
 };
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `FullName` component or reach out on Slack.
+ */
 declare const FullName: (props: Props) => string;
 export { FullName };

package/FullName/FullName.js

@@ -1,15 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FullName = void 0;
-var FullName = exports.FullName = function FullName(props) {
-  var data = props.data;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `FullName` component or reach out on Slack.
+ */
+const FullName = props => {
+  console.warn("The `FullName` component is deprecated and will be removed in future releases.");
+  const {
+    data
+  } = props;
   if (!data) {
     return "N/A";
   }
-  var output = "";
+  let output = "";
   if (data.firstName) {
     output += data.firstName;
   }
@@ -18,5 +19,6 @@ var FullName = exports.FullName = function FullName(props) {
   }
   return output;
 };
+export { FullName };
 
 //# sourceMappingURL=FullName.js.map

package/FullName/FullName.js.map

@@ -1 +1 @@
-{"version":3,"names":["FullName","exports","props","data","output","firstName","lastName"],"sources":["FullName.ts"],"sourcesContent":["type Props = {\n    data?: {\n        firstName?: string;\n        lastName?: string;\n    };\n};\n\nconst FullName = (props: Props) => {\n    const { data } = props;\n\n    if (!data) {\n        return \"N/A\";\n    }\n\n    let output = \"\";\n    if (data.firstName) {\n        output += data.firstName;\n    }\n\n    if (data.lastName) {\n        output += \" \" + data.lastName;\n    }\n\n    return output;\n};\n\nexport { FullName };\n"],"mappings":";;;;;;AAOA,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAIE,KAAY,EAAK;EAC/B,IAAQC,IAAI,GAAKD,KAAK,CAAdC,IAAI;EAEZ,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,KAAK;EAChB;EAEA,IAAIC,MAAM,GAAG,EAAE;EACf,IAAID,IAAI,CAACE,SAAS,EAAE;IAChBD,MAAM,IAAID,IAAI,CAACE,SAAS;EAC5B;EAEA,IAAIF,IAAI,CAACG,QAAQ,EAAE;IACfF,MAAM,IAAI,GAAG,GAAGD,IAAI,CAACG,QAAQ;EACjC;EAEA,OAAOF,MAAM;AACjB,CAAC","ignoreList":[]}
+{"version":3,"names":["FullName","props","console","warn","data","output","firstName","lastName"],"sources":["FullName.ts"],"sourcesContent":["type Props = {\n    data?: {\n        firstName?: string;\n        lastName?: string;\n    };\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please implement your own `FullName` component or reach out on Slack.\n */\nconst FullName = (props: Props) => {\n    console.warn(\"The `FullName` component is deprecated and will be removed in future releases.\");\n    const { data } = props;\n\n    if (!data) {\n        return \"N/A\";\n    }\n\n    let output = \"\";\n    if (data.firstName) {\n        output += data.firstName;\n    }\n\n    if (data.lastName) {\n        output += \" \" + data.lastName;\n    }\n\n    return output;\n};\n\nexport { FullName };\n"],"mappings":"AAOA;AACA;AACA;AACA;AACA,MAAMA,QAAQ,GAAIC,KAAY,IAAK;EAC/BC,OAAO,CAACC,IAAI,CAAC,gFAAgF,CAAC;EAC9F,MAAM;IAAEC;EAAK,CAAC,GAAGH,KAAK;EAEtB,IAAI,CAACG,IAAI,EAAE;IACP,OAAO,KAAK;EAChB;EAEA,IAAIC,MAAM,GAAG,EAAE;EACf,IAAID,IAAI,CAACE,SAAS,EAAE;IAChBD,MAAM,IAAID,IAAI,CAACE,SAAS;EAC5B;EAEA,IAAIF,IAAI,CAACG,QAAQ,EAAE;IACfF,MAAM,IAAI,GAAG,GAAGD,IAAI,CAACG,QAAQ;EACjC;EAEA,OAAOF,MAAM;AACjB,CAAC;AAED,SAASL,QAAQ","ignoreList":[]}

package/FullName/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _FullName = require("./FullName");
-Object.keys(_FullName).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _FullName[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _FullName[key];
-    }
-  });
-});
+export * from "./FullName";
 
 //# sourceMappingURL=index.js.map

package/FullName/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_FullName","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./FullName\";\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./FullName\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Grid/Grid.d.ts

@@ -1,6 +1,26 @@
-import React from "react";
-import { GridCellProps as RmwcGridCellProps, GridProps as RmwcGridProps } from "@rmwc/grid";
-import { CSSProperties } from "react";
+import React, { CSSProperties } from "react";
+export interface RmwcGridProps {
+    /** Specifies the grid should have fixed column width. */
+    fixedColumnWidth?: boolean;
+    /** Specifies the alignment of the whole grid. */
+    align?: "left" | "right";
+    /** Children for the Grid */
+    children?: React.ReactNode;
+}
+export interface RmwcGridCellProps {
+    /** Default number of columns to span. */
+    span?: number;
+    /** Number of columns to span on a phone. */
+    phone?: number;
+    /** Number of columns to span on a tablet. */
+    tablet?: number;
+    /** Number of columns to span on a desktop. */
+    desktop?: number;
+    /** Specifies the order of the cell. */
+    order?: number;
+    /** Specifies the alignment of cell */
+    align?: "top" | "middle" | "bottom";
+}
 export type CellProps = RmwcGridCellProps & {
     children?: React.ReactNode;
     className?: string;
@@ -8,12 +28,10 @@ export type CellProps = RmwcGridCellProps & {
         [key: string]: any;
     };
 };
-export type GridProps = RmwcGridProps & {
-    className?: string;
-    style?: CSSProperties;
-};
 /**
  * Cell must be direct children of Grid component.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Grid` component from the `@webiny/admin-ui` package instead.
  */
 export declare const Cell: (props: CellProps) => React.JSX.Element;
 export type GridInnerProps = {
@@ -24,10 +42,16 @@ export type GridInnerProps = {
     className?: string;
 };
 export declare const GridInner: {
-    (props: GridInnerProps): React.JSX.Element;
+    ({ className, ...props }: GridInnerProps): React.JSX.Element;
     displayName: string;
 };
+export type GridProps = RmwcGridProps & {
+    className?: string;
+    style?: CSSProperties;
+};
 /**
  * Use Grid component to display a list of choices, once the handler is triggered.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Grid` component from the `@webiny/admin-ui` package instead.
  */
 export declare const Grid: (props: GridProps) => React.JSX.Element;

package/Grid/Grid.js

@@ -1,28 +1,49 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GridInner = exports.Grid = exports.Cell = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _grid = require("@rmwc/grid");
+import React from "react";
+import cn from "classnames";
+import { Grid as AdminUiGrid } from "@webiny/admin-ui";
 /**
  * Cell must be direct children of Grid component.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Grid` component from the `@webiny/admin-ui` package instead.
  */
-var Cell = exports.Cell = function Cell(props) {
-  return /*#__PURE__*/_react.default.createElement(_grid.GridCell, props, props.children);
+export const Cell = props => {
+  const {
+    children,
+    style,
+    className,
+    align
+  } = props;
+  return /*#__PURE__*/React.createElement(AdminUiGrid.Column, {
+    className: className,
+    style: style,
+    span: props.span,
+    align: align
+  }, children);
 };
-var GridInner = exports.GridInner = function GridInner(props) {
-  return /*#__PURE__*/_react.default.createElement(_grid.GridRow, props, props.children);
+export const GridInner = ({
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn("wby-grid wby-grid-cols-12 wby-gap-6 wby-m-0 wby-flex wby-flex-wrap wby-items-stretch", className)
+  }), props.children);
 };
 GridInner.displayName = "GridInner";
-
 /**
  * Use Grid component to display a list of choices, once the handler is triggered.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Grid` component from the `@webiny/admin-ui` package instead.
  */
-var Grid = exports.Grid = function Grid(props) {
-  return /*#__PURE__*/_react.default.createElement(_grid.Grid, props, props.children);
+export const Grid = props => {
+  const {
+    children,
+    style,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement(AdminUiGrid, {
+    className: className,
+    style: style
+  }, children);
 };
 
 //# sourceMappingURL=Grid.js.map

package/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_grid","Cell","exports","props","default","createElement","GridCell","children","GridInner","GridRow","displayName","Grid"],"sources":["Grid.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Grid as RmwcGrid,\n    GridCell as RmwcGridCell,\n    GridRow as RmwcGridInner,\n    GridCellProps as RmwcGridCellProps,\n    GridProps as RmwcGridProps\n} from \"@rmwc/grid\";\nimport { CSSProperties } from \"react\";\n\nexport type CellProps = RmwcGridCellProps & {\n    // One or more Cell components.\n    children?: React.ReactNode;\n\n    // CSS class name that will be added to the element\n    className?: string;\n\n    style?: { [key: string]: any };\n};\n\nexport type GridProps = RmwcGridProps & {\n    className?: string;\n    style?: CSSProperties;\n};\n\n/**\n * Cell must be direct children of Grid component.\n */\nexport const Cell = (props: CellProps) => {\n    return <RmwcGridCell {...props}>{props.children}</RmwcGridCell>;\n};\n\nexport type GridInnerProps = {\n    // One or more Cell components.\n    children: React.ReactElement<typeof Cell> | React.ReactElement<typeof Cell>[];\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\nexport const GridInner = (props: GridInnerProps) => {\n    return <RmwcGridInner {...props}>{props.children}</RmwcGridInner>;\n};\n\nGridInner.displayName = \"GridInner\";\n\n/**\n * Use Grid component to display a list of choices, once the handler is triggered.\n */\nexport const Grid = (props: GridProps) => {\n    return <RmwcGrid {...props}>{props.children}</RmwcGrid>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAwBA;AACA;AACA;AACO,IAAME,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,KAAgB,EAAK;EACtC,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,KAAA,CAAAM,QAAY,EAAKH,KAAK,EAAGA,KAAK,CAACI,QAAuB,CAAC;AACnE,CAAC;AAYM,IAAMC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,SAAZA,SAASA,CAAIL,KAAqB,EAAK;EAChD,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,KAAA,CAAAS,OAAa,EAAKN,KAAK,EAAGA,KAAK,CAACI,QAAwB,CAAC;AACrE,CAAC;AAEDC,SAAS,CAACE,WAAW,GAAG,WAAW;;AAEnC;AACA;AACA;AACO,IAAMC,IAAI,GAAAT,OAAA,CAAAS,IAAA,GAAG,SAAPA,IAAIA,CAAIR,KAAgB,EAAK;EACtC,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,KAAA,CAAAW,IAAQ,EAAKR,KAAK,EAAGA,KAAK,CAACI,QAAmB,CAAC;AAC3D,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","Grid","AdminUiGrid","Cell","props","children","style","className","align","createElement","Column","span","GridInner","Object","assign","displayName"],"sources":["Grid.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\nimport cn from \"classnames\";\nimport { Grid as AdminUiGrid, ColumnProps as AdminUiColumnProps } from \"@webiny/admin-ui\";\n\nexport interface RmwcGridProps {\n    /** Specifies the grid should have fixed column width. */\n    fixedColumnWidth?: boolean;\n    /** Specifies the alignment of the whole grid. */\n    align?: \"left\" | \"right\";\n    /** Children for the Grid */\n    children?: React.ReactNode;\n}\n\nexport interface RmwcGridCellProps {\n    /** Default number of columns to span. */\n    span?: number;\n    /** Number of columns to span on a phone. */\n    phone?: number;\n    /** Number of columns to span on a tablet. */\n    tablet?: number;\n    /** Number of columns to span on a desktop. */\n    desktop?: number;\n    /** Specifies the order of the cell. */\n    order?: number;\n    /** Specifies the alignment of cell */\n    align?: \"top\" | \"middle\" | \"bottom\";\n}\n\nexport type CellProps = RmwcGridCellProps & {\n    // One or more Cell components.\n    children?: React.ReactNode;\n\n    // CSS class name that will be added to the element\n    className?: string;\n\n    style?: { [key: string]: any };\n};\n\n/**\n * Cell must be direct children of Grid component.\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Grid` component from the `@webiny/admin-ui` package instead.\n */\nexport const Cell = (props: CellProps) => {\n    const { children, style, className, align } = props;\n    return (\n        <AdminUiGrid.Column\n            className={className}\n            style={style}\n            span={props.span as AdminUiColumnProps[\"span\"]}\n            align={align}\n        >\n            {children}\n        </AdminUiGrid.Column>\n    );\n};\n\nexport type GridInnerProps = {\n    // One or more Cell components.\n    children: React.ReactElement<typeof Cell> | React.ReactElement<typeof Cell>[];\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\nexport const GridInner = ({ className, ...props }: GridInnerProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                \"wby-grid wby-grid-cols-12 wby-gap-6 wby-m-0 wby-flex wby-flex-wrap wby-items-stretch\",\n                className\n            )}\n        >\n            {props.children}\n        </div>\n    );\n};\n\nGridInner.displayName = \"GridInner\";\n\nexport type GridProps = RmwcGridProps & {\n    className?: string;\n    style?: CSSProperties;\n};\n\n/**\n * Use Grid component to display a list of choices, once the handler is triggered.\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Grid` component from the `@webiny/admin-ui` package instead.\n */\nexport const Grid = (props: GridProps) => {\n    const { children, style, className } = props;\n\n    return (\n        <AdminUiGrid className={className} style={style}>\n            {children as React.ReactElement<AdminUiColumnProps, typeof AdminUiGrid.Column>}\n        </AdminUiGrid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAyB,OAAO;AAC5C,OAAOC,EAAE,MAAM,YAAY;AAC3B,SAASC,IAAI,IAAIC,WAAW,QAA2C,kBAAkB;AAoCzF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACtC,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EACnD,oBACIL,KAAA,CAAAU,aAAA,CAACP,WAAW,CAACQ,MAAM;IACfH,SAAS,EAAEA,SAAU;IACrBD,KAAK,EAAEA,KAAM;IACbK,IAAI,EAAEP,KAAK,CAACO,IAAmC;IAC/CH,KAAK,EAAEA;EAAM,GAEZH,QACe,CAAC;AAE7B,CAAC;AAYD,OAAO,MAAMO,SAAS,GAAGA,CAAC;EAAEL,SAAS;EAAE,GAAGH;AAAsB,CAAC,KAAK;EAClE,oBACIL,KAAA,CAAAU,aAAA,QAAAI,MAAA,CAAAC,MAAA,KACQV,KAAK;IACTG,SAAS,EAAEP,EAAE,CACT,sFAAsF,EACtFO,SACJ;EAAE,IAEDH,KAAK,CAACC,QACN,CAAC;AAEd,CAAC;AAEDO,SAAS,CAACG,WAAW,GAAG,WAAW;AAOnC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMd,IAAI,GAAIG,KAAgB,IAAK;EACtC,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAU,CAAC,GAAGH,KAAK;EAE5C,oBACIL,KAAA,CAAAU,aAAA,CAACP,WAAW;IAACK,SAAS,EAAEA,SAAU;IAACD,KAAK,EAAEA;EAAM,GAC3CD,QACQ,CAAC;AAEtB,CAAC","ignoreList":[]}

package/Grid/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Grid = require("./Grid");
-Object.keys(_Grid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Grid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Grid[key];
-    }
-  });
-});
+export * from "./Grid";
 
 //# sourceMappingURL=index.js.map

package/Grid/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Grid","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Grid\";\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Grid\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Helpers/ClassNames.d.ts

@@ -3,9 +3,9 @@
  * the provided appendClasses(string) and any class names defined inside your props.
  * To you the function just do: {...getClasses (props)}
  * and make sure you are not spreading the `props` element, as this will clone and spread your current `props` element already.
- */
-/**
- * TODO @ts-refactor figure out propList type
+ *
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `getClasses` function or reach out on Slack.
  */
 declare const getClasses: (propList: any, appendClasses: string[] | string) => any;
 export { getClasses };

package/Helpers/ClassNames.js

@@ -1,33 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getClasses = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _clone = _interopRequireDefault(require("lodash/clone"));
 /**
  * This is a pass-through that modifies your object's props and creates the required className prop by merging
  * the provided appendClasses(string) and any class names defined inside your props.
  * To you the function just do: {...getClasses (props)}
  * and make sure you are not spreading the `props` element, as this will clone and spread your current `props` element already.
+ *
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `getClasses` function or reach out on Slack.
  */
-/**
- * TODO @ts-refactor figure out propList type
- */
-var getClasses = exports.getClasses = function getClasses(propList, appendClasses) {
-  var classes = "";
-  var props = (0, _clone.default)(propList);
-  if (propList.hasOwnProperty("className")) {
-    classes = (0, _classnames.default)(propList.className);
+const getClasses = (propList, appendClasses) => {
+  let classes = "";
+  const props = {
+    ...propList
+  };
+  if (propList.className) {
+    classes = propList.className;
     delete props.className;
   }
-  if (typeof appendClasses !== "undefined") {
-    classes = (0, _classnames.default)(classes, appendClasses);
+  if (appendClasses) {
+    classes = `${classes} ${Array.isArray(appendClasses) ? appendClasses.join(" ") : appendClasses}`.trim();
   }
   props.className = classes;
   return props;
 };
+export { getClasses };
 
 //# sourceMappingURL=ClassNames.js.map