@vinyasa/feedback 1.0.21

package/dist/cjs/empty-state.cjs

@@ -0,0 +1,165 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>empty_state_EmptyState
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const layout_namespaceObject = require("@vinyasa/layout");
+const typography_namespaceObject = require("@vinyasa/typography");
+const external_react_namespaceObject = require("react");
+var iconWrapper = 'dmnndp0';
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function EmptyState_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else EmptyState_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const EmptyState = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { icon, title, description, action, p = 6 } = _ref1, rest = _object_without_properties(_ref1, [
+        "icon",
+        "title",
+        "description",
+        "action",
+        "p"
+    ]), [ref] = _rest;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_namespaceObject.Center, _object_spread_props(_object_spread({
+        ref: ref,
+        p: p
+    }, rest), {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_namespaceObject.Stack, {
+            gap: 2,
+            align: "center",
+            style: {
+                textAlign: 'center',
+                maxWidth: '24rem'
+            },
+            children: [
+                icon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: iconWrapper,
+                    children: icon
+                }) : null,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Heading, {
+                    as: "h3",
+                    size: "lg",
+                    children: title
+                }),
+                description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Paragraph, {
+                    color: "muted",
+                    children: description
+                }) : null,
+                action
+            ]
+        })
+    }));
+});
+EmptyState.displayName = 'EmptyState';
+const empty_state_EmptyState = EmptyState;
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/empty-state.css

@@ -0,0 +1,7 @@
+.dmnndp0 {
+  color: var(--vinyasa-text-muted);
+  margin-bottom: var(--vinyasa-space2);
+  font-size: 3rem;
+  display: flex;
+}
+

package/dist/cjs/error-boundary.cjs

@@ -0,0 +1,234 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>error_boundary_ErrorBoundary
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const button_namespaceObject = require("@vinyasa/button");
+var button_default = /*#__PURE__*/ __webpack_require__.n(button_namespaceObject);
+const external_react_namespaceObject = require("react");
+const layout_namespaceObject = require("@vinyasa/layout");
+const typography_namespaceObject = require("@vinyasa/typography");
+var iconWrapper = 'dmnndp0';
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function EmptyState_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else EmptyState_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const EmptyState = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { icon, title, description, action, p = 6 } = _ref1, rest = _object_without_properties(_ref1, [
+        "icon",
+        "title",
+        "description",
+        "action",
+        "p"
+    ]), [ref] = _rest;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_namespaceObject.Center, _object_spread_props(_object_spread({
+        ref: ref,
+        p: p
+    }, rest), {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_namespaceObject.Stack, {
+            gap: 2,
+            align: "center",
+            style: {
+                textAlign: 'center',
+                maxWidth: '24rem'
+            },
+            children: [
+                icon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: iconWrapper,
+                    children: icon
+                }) : null,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Heading, {
+                    as: "h3",
+                    size: "lg",
+                    children: title
+                }),
+                description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Paragraph, {
+                    color: "muted",
+                    children: description
+                }) : null,
+                action
+            ]
+        })
+    }));
+});
+EmptyState.displayName = 'EmptyState';
+const empty_state_EmptyState = EmptyState;
+function ErrorBoundary_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+class ErrorBoundary extends external_react_namespaceObject.Component {
+    static getDerivedStateFromError(error) {
+        return {
+            error
+        };
+    }
+    componentDidCatch(error, errorInfo) {
+        var _this_props_onError, _this_props;
+        null == (_this_props_onError = (_this_props = this.props).onError) || _this_props_onError.call(_this_props, error, errorInfo);
+    }
+    componentDidUpdate(prevProps) {
+        const { error } = this.state;
+        const { resetKeys } = this.props;
+        if (error && resetKeys && prevProps.resetKeys && resetKeys.some((key, index)=>{
+            var _prevProps_resetKeys;
+            return key !== (null == (_prevProps_resetKeys = prevProps.resetKeys) ? void 0 : _prevProps_resetKeys[index]);
+        })) this.reset();
+    }
+    render() {
+        const { error } = this.state;
+        if (!error) return this.props.children;
+        const { fallback } = this.props;
+        if ('function' == typeof fallback) return fallback({
+            error,
+            resetErrorBoundary: this.reset
+        });
+        return null != fallback ? fallback : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(empty_state_EmptyState, {
+            title: "Something went wrong",
+            description: error.message,
+            action: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_default(), {
+                onClick: this.reset,
+                children: "Try again"
+            })
+        });
+    }
+    constructor(...args){
+        super(...args), ErrorBoundary_define_property(this, "state", {
+            error: null
+        }), ErrorBoundary_define_property(this, "reset", ()=>{
+            var _this_props_onReset, _this_props;
+            null == (_this_props_onReset = (_this_props = this.props).onReset) || _this_props_onReset.call(_this_props);
+            this.setState({
+                error: null
+            });
+        });
+    }
+}
+const error_boundary_ErrorBoundary = ErrorBoundary;
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/error-boundary.css

@@ -0,0 +1,7 @@
+.dmnndp0 {
+  color: var(--vinyasa-text-muted);
+  margin-bottom: var(--vinyasa-space2);
+  font-size: 3rem;
+  display: flex;
+}
+