@superblocksteam/library 2.0.8-next.8 → 2.0.8

package/dist/{index-CQyG8q_M.js → index-C7Zt4bkH.js}

@@ -43263,8 +43263,8 @@ let SuperblocksEditorBridge = _SuperblocksEditorBridge;
 const editorBridge = SuperblocksEditorBridge.getInstance();
 const sbEntitySymbol = Symbol("sbEntity");
 const SbEntityType = {
-  VARIABLE: "SbVariable",
-  TIMER: "SbTimer",
+  VARIABLE: "StateVar",
+  TIMER: "Timer",
   EVENT: "SbEvent",
   API: "SbApi"
 };
@@ -83892,7 +83892,7 @@ function registerStores(stores) {
   internalStores = { ...internalStores, ...stores };
   if (SUPPORTED_MODES.includes("production")) {
     if (Object.keys(internalStores).length === Object.keys(stores).length) {
-      import("./devtools-consolidated-F9ZtVbBI.js").then(({ initializeCustomDevTools, setRegisteredStores }) => {
+      import("./devtools-consolidated-BZt1bNF_.js").then(({ initializeCustomDevTools, setRegisteredStores }) => {
         setRegisteredStores(internalStores);
         initializeCustomDevTools();
       }).catch((error) => {
@@ -83905,7 +83905,7 @@ function registerStores(stores) {
   }
 }
 const DevToolsInternal = React__default.lazy(() => {
-  return import("./devtools-consolidated-F9ZtVbBI.js").then((module2) => ({
+  return import("./devtools-consolidated-BZt1bNF_.js").then((module2) => ({
     default: module2.CustomDevTools
   }));
 });
@@ -91432,14 +91432,14 @@ function getLoaderFn$1(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-5qc08otC.js"
+            "./allPathsLoader-D_cBFX7b.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-BrjoROLc.js"
+            "./splitPathsBySizeLoader-BNHfwA8Q.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -100693,7 +100693,7 @@ function registerScope(Component3, scopeDef, options) {
                 type: type5
               });
             }
-            if (type5 === "SbTimer" && rest.startOnPageLoad && typeof entity === "object" && typeof (entity == null ? void 0 : entity.start) === "function") {
+            if (type5 === "Timer" && rest.startOnPageLoad && typeof entity === "object" && typeof (entity == null ? void 0 : entity.start) === "function") {
               entity.start();
             }
           }
@@ -123387,8 +123387,8 @@ const useErrorMessages = (messages2) => {
 };
 const getErrorMessagesList = (errors2 = {}, showError) => {
   if (!showError) return [];
-  if (errors2.isRequired || errors2.required) {
-    return [errors2.isRequired ?? errors2.required];
+  if (errors2.required || errors2.required) {
+    return [errors2.required ?? errors2.required];
   }
   return Object.values(errors2).filter((error) => !!error);
 };
@@ -127607,7 +127607,7 @@ const useConditionalProps = (props2) => {
     inputType,
     validationErrors,
     showError,
-    isRequired,
+    required: required4,
     value
   } = props2;
   return useMemo$2(() => {
@@ -127628,7 +127628,7 @@ const useConditionalProps = (props2) => {
     inputType,
     validationErrors,
     showError,
-    isRequired,
+    required4,
     value
   ]);
 };
@@ -128073,7 +128073,7 @@ const _InputComponent = class _InputComponent extends React__default.Component {
                   style: this.props.labelStyleOverride,
                   ref: this.props.labelRef,
                   children: [
-                    this.props.isRequired && this.props.label.indexOf("*") === -1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `asterisk ${CLASS_NAMES.ERROR_MODIFIER}`, children: [
+                    this.props.required && this.props.label.indexOf("*") === -1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `asterisk ${CLASS_NAMES.ERROR_MODIFIER}`, children: [
                       "*",
                       " "
                     ] }),
@@ -128178,7 +128178,7 @@ const PaddingOverlayWrapper = (props2) => {
 const getInputValidationErrors = (props2) => {
   const errors2 = {};
   const text = props2.text ?? "";
-  if (props2.isRequired && (!text || !text.length)) {
+  if (props2.required && (!text || !text.length)) {
     errors2.required = "Required";
   }
   if (props2.customValidationRule && props2.customValidationRule.length && props2.customValidationRule === "false") {
@@ -128628,7 +128628,7 @@ const propertiesDefinition$e = {
       label: "Disabled",
       controlType: "SWITCH"
     }),
-    isRequired: Prop.boolean().default(false).propertiesPanel({
+    required: Prop.boolean().default(false).propertiesPanel({
       label: "Required",
       helpText: "Makes input to the component mandatory",
       controlType: "SWITCH"
@@ -148528,14 +148528,14 @@ function getLoaderFn(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-DSvDWPTu.js"
+            "./allPathsLoader-mTE2bVLJ.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-BxSGidzh.js"
+            "./splitPathsBySizeLoader-D7Yo0qy6.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -156820,7 +156820,7 @@ class DatePickerComponent extends React__default.Component {
                   className: `${this.props.labelClassName ?? CLASS_NAMES.INPUT_LABEL} ${this.props.isDisabled ? CLASS_NAMES.DISABLED_MODIFIER : ""} ${CLASS_NAMES.ELLIPSIS_TEXT}`,
                   style: this.props.labelStyleOverride,
                   children: [
-                    this.props.isRequired && this.props.label.indexOf("*") === -1 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: CLASS_NAMES.ERROR_MODIFIER, children: "* " }),
+                    this.props.required && this.props.label.indexOf("*") === -1 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: CLASS_NAMES.ERROR_MODIFIER, children: "* " }),
                     this.props.label
                   ]
                 }
@@ -179086,8 +179086,8 @@ const _TableWidget = class _TableWidget extends React__default.Component {
             customErrorMessage: columnProperties.editCustomErrorMessage,
             maxLength: columnProperties.editMaxLength,
             minLength: columnProperties.editMinLength,
-            isRequired: Boolean(
-              isInserted ? columnProperties.isRequiredOnInsertion : columnProperties.editIsRequired
+            required: Boolean(
+              isInserted ? columnProperties.requiredOnInsertion : columnProperties.editIsRequired
             )
           });
           const validationErrors = getErrorMessages(errors2);
@@ -179532,7 +179532,7 @@ const _TableWidget = class _TableWidget extends React__default.Component {
       const { columns } = this.props;
       const validationErrors = Object.entries(columns).reduce(
         (acc, [key2, column2]) => {
-          if (column2.isRequiredOnInsertion && column2.defaultValue === void 0) {
+          if (column2.requiredOnInsertion && column2.defaultValue === void 0) {
             acc[key2] = ["This field is required"];
           }
           return acc;
@@ -183658,7 +183658,7 @@ class DropDownComponent extends React__default.PureComponent {
                     className: `${CLASS_NAMES.ELLIPSIS_TEXT} ${this.props.labelClassName ?? CLASS_NAMES.INPUT_LABEL} ${this.props.isDisabled ? CLASS_NAMES.DISABLED_MODIFIER : ""} ${this.props.isLoading ? "test-loading-dropdown" : ""}`,
                     style: this.props.labelStyleOverride,
                     children: [
-                      this.props.isRequired && this.props.label.indexOf("*") === -1 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: CLASS_NAMES.ERROR_MODIFIER, children: "* " }),
+                      this.props.required && this.props.label.indexOf("*") === -1 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: CLASS_NAMES.ERROR_MODIFIER, children: "* " }),
                       this.props.label
                     ]
                   }
@@ -183944,7 +183944,7 @@ const propertiesDefinition$8 = {
       label: "Client-side filtering",
       helpText: "Enable client-side typeahead filtering of options via fuzzy matching. When implementing server-side filtering, we recommend disabling this setting to avoid flickering"
     }),
-    isRequired: Prop.boolean().readAndWrite().default(false).propertiesPanel({
+    required: Prop.boolean().readAndWrite().default(false).propertiesPanel({
       label: "Required",
       helpText: "Makes input to the component mandatory"
     }),
@@ -184035,11 +184035,11 @@ const propertiesDefinition$8 = {
     validationErrors: Prop.any().readable().default(function() {
       const errors2 = {};
       if (!this.isTouched) return errors2;
-      if (this.isRequired) {
+      if (this.required) {
         if (this.multiselect && this.selectedIndexArr && this.selectedIndexArr.length === 0) {
-          errors2.isRequired = "Required";
+          errors2.required = "Required";
         } else if (!this.multiselect && !this.selectedOption) {
-          errors2.isRequired = "Required";
+          errors2.required = "Required";
         }
       }
       if (this.customValidationRule && this.customValidationRule.length && this.customValidationRule === "false") {
@@ -184186,9 +184186,9 @@ const Dropdown = registerComponent$1(
     const isInvalid = useMemo$2(() => {
       var _a3;
       if (!props2.isTouched) return false;
-      if (((_a3 = props2.validationErrors) == null ? void 0 : _a3.isRequired) && Object.keys(props2.validationErrors ?? {}).length === 1) {
+      if (((_a3 = props2.validationErrors) == null ? void 0 : _a3.required) && Object.keys(props2.validationErrors ?? {}).length === 1) {
         const nothingSelected = props2.metaSelectedOptionValue == null || props2.metaSelectedOptionValue === -1 || Array.isArray(props2.metaSelectedOptionValueArr) && props2.metaSelectedOptionValueArr.length === 0;
-        return nothingSelected && props2.isRequired;
+        return nothingSelected && props2.required;
       }
       return !props2.isValid;
     }, [
@@ -184196,7 +184196,7 @@ const Dropdown = registerComponent$1(
       props2.isValid,
       props2.metaSelectedOptionValue,
       props2.metaSelectedOptionValueArr,
-      props2.isRequired,
+      props2.required,
       props2.validationErrors
     ]);
     const normalize2 = useCallback(
@@ -184358,7 +184358,7 @@ const Dropdown = registerComponent$1(
       options,
       label: hasLabel ? props2.label : void 0,
       isLoading: props2.isLoading,
-      isRequired: props2.isRequired,
+      required: props2.required,
       disabled: props2.isDisabled,
       vertical: props2.labelPosition === "top",
       allowClearing: props2.allowClearing,
@@ -184546,7 +184546,7 @@ class CheckboxComponent extends React__default.PureComponent {
                       },
                       htmlFor: `${this.props.name}-checkbox`,
                       children: [
-                        this.props.isRequired && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: CLASS_NAMES.ERROR_MODIFIER, children: asterisk }),
+                        this.props.required && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: CLASS_NAMES.ERROR_MODIFIER, children: asterisk }),
                         restOfLabel
                       ]
                     }
@@ -184583,7 +184583,7 @@ const propertiesDefinition$7 = {
   }),
   layout: basicLayout(),
   interaction: Section$1.category(PropsPanelCategory.Interaction).children({
-    isRequired: Prop.boolean().readAndWrite().propertiesPanel({
+    required: Prop.boolean().readAndWrite().propertiesPanel({
       label: "Required",
       helpText: "Makes checking this component mandatory",
       controlType: "SWITCH"
@@ -184614,8 +184614,8 @@ const propertiesDefinition$7 = {
     validationErrors: Prop.any().readable().default(function() {
       if (!this.isTouched) return {};
       const errors2 = {};
-      if (this.isRequired && !this.isChecked) {
-        errors2.isRequired = "Required";
+      if (this.required && !this.isChecked) {
+        errors2.required = "Required";
       }
       if (this.customValidationRule && this.customValidationRule.length && this.customValidationRule === "false") {
         errors2.customError = this.customErrorMessage || "Invalid";
@@ -184664,8 +184664,8 @@ const Checkbox = registerComponent$1(
     const errorMessages = useMemo$2(() => {
       if (!props2.showError) return [];
       const errors2 = props2.validationErrors;
-      if (errors2.isRequired || errors2.required) {
-        return [errors2.isRequired ?? errors2.required];
+      if (errors2.required || errors2.required) {
+        return [errors2.required ?? errors2.required];
       }
       return Object.values(errors2).filter(Boolean);
     }, [props2.showError, props2.validationErrors]);
@@ -184674,7 +184674,7 @@ const Checkbox = registerComponent$1(
       {
         name: props2.name,
         labelProps,
-        isRequired: props2.isRequired,
+        required: props2.required,
         showError: props2.showError,
         isChecked: checkedValue,
         label: props2.label,
@@ -184884,7 +184884,7 @@ const propertiesDefinition$6 = {
     loading: loading()
   }),
   interaction: Section$1.category(PropsPanelCategory.Interaction).children({
-    isRequired: Prop.boolean().readAndWrite().default(false).propertiesPanel({
+    required: Prop.boolean().readAndWrite().default(false).propertiesPanel({
       label: "Required",
       helpText: "Makes date picker mandatory",
       controlType: "SWITCH"
@@ -184934,8 +184934,8 @@ const propertiesDefinition$6 = {
     validationErrors: Prop.any().readable().default(function() {
       if (!this.isTouched) return {};
       const errors2 = {};
-      if (this.isRequired && !this.selectedDate) {
-        errors2.isRequired = "Required";
+      if (this.required && !this.selectedDate) {
+        errors2.required = "Required";
       }
       if (this.selectedDate && this.dateFormat && !moment(this.selectedDate, this.dateFormat, true).isValid()) {
         errors2.dateInvalid = "Invalid date";
@@ -185015,8 +185015,8 @@ const DatePicker = registerComponent$1(
     const errorMessages = useMemo$2(() => {
       if (!props2.showError) return [];
       const errors2 = props2.validationErrors;
-      if (errors2.isRequired || errors2.required) {
-        return [errors2.isRequired ?? errors2.required];
+      if (errors2.required || errors2.required) {
+        return [errors2.required ?? errors2.required];
       }
       return Object.values(errors2).filter(Boolean);
     }, [props2.showError, props2.validationErrors]);
@@ -185041,7 +185041,7 @@ const DatePicker = registerComponent$1(
         maxDate: props2.maxDate,
         isValid: !isInvalid,
         isTouched: props2.isTouched,
-        isRequired: props2.isRequired,
+        required: props2.required,
         use24HourTime: props2.use24HourTime,
         displayTimezone: props2.manageTimezone ? props2.displayTimezone : void 0,
         timezone: props2.manageTimezone ? props2.valueTimezone : void 0,
@@ -185103,7 +185103,7 @@ const propertiesDefinition$5 = {
   }),
   layout: basicLayout(),
   interaction: Section$1.category(PropsPanelCategory.Interaction).children({
-    isRequired: Prop.boolean().readAndWrite().propertiesPanel({
+    required: Prop.boolean().readAndWrite().propertiesPanel({
       label: "Required",
       helpText: "Makes checking this component mandatory",
       controlType: "SWITCH"
@@ -185134,8 +185134,8 @@ const propertiesDefinition$5 = {
     validationErrors: Prop.any().readable().default(function() {
       if (!this.isTouched) return {};
       const errors2 = {};
-      if (this.isRequired && !this.isChecked) {
-        errors2.isRequired = "Required";
+      if (this.required && !this.isChecked) {
+        errors2.required = "Required";
       }
       if (this.customValidationRule && this.customValidationRule.length && this.customValidationRule === "false") {
         errors2.customError = this.customErrorMessage || "Invalid";
@@ -185204,7 +185204,7 @@ const SwitchComponent = memo(
     labelPosition: labelPosition2,
     isChecked,
     isDisabled,
-    isRequired,
+    required: required4,
     onSwitchChange,
     isLoading,
     labelProps,
@@ -185243,12 +185243,12 @@ const SwitchComponent = memo(
           style: labelProps.style,
           ref: labelRef,
           children: [
-            isRequired && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: CLASS_NAMES.ERROR_MODIFIER, children: asterisk }),
+            required4 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: CLASS_NAMES.ERROR_MODIFIER, children: asterisk }),
             label
           ]
         }
       );
-    }, [isRequired, label, toggleSwitch, labelClass, labelProps.style]);
+    }, [required4, label, toggleSwitch, labelClass, labelProps.style]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorsWrapper,
       {
@@ -185321,15 +185321,15 @@ const Switch = registerComponent$1(
     const errorMessages = useMemo$2(() => {
       if (!props2.showError) return [];
       const errors2 = props2.validationErrors;
-      if (errors2.isRequired || errors2.required) {
-        return [errors2.isRequired ?? errors2.required];
+      if (errors2.required || errors2.required) {
+        return [errors2.required ?? errors2.required];
       }
       return Object.values(errors2).filter(Boolean);
     }, [props2.showError, props2.validationErrors]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(SwitchContainer, { ...passThroughProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       SwitchComponent,
       {
-        isRequired: !!props2.isRequired,
+        required: !!props2.required,
         isChecked: !!props2.isChecked,
         label: props2.label,
         labelPosition: props2.labelPosition,
@@ -185708,7 +185708,7 @@ const propertiesDefinition$2 = {
     })
   })
 };
-const SbVariable = registerEntity(
+const StateVar = registerEntity(
   SbEntityType.VARIABLE,
   {
     propertiesDefinition: propertiesDefinition$2
@@ -185771,7 +185771,7 @@ const propertiesDefinition$1 = {
     })
   })
 };
-const SbTimer = registerEntity(
+const Timer = registerEntity(
   SbEntityType.TIMER,
   {
     propertiesDefinition: propertiesDefinition$1
@@ -197624,16 +197624,11 @@ function useHotkeys(keys2, callback, options, deps) {
   return ref2;
 }
 function useEditorHotkeys(keys2, callback, options, deps) {
-  const editorReadOnly = false;
-  let overrideCallback = callback;
   if (options instanceof Array) {
     deps = options;
     options = void 0;
   }
-  return useHotkeys(keys2, overrideCallback, options, [
-    ...deps ?? [],
-    editorReadOnly
-  ]);
+  return useHotkeys(keys2, callback, options, [...deps ?? [], false]);
 }
 function EditorHotkeys({ children }) {
   useEditorHotkeys(
@@ -200368,9 +200363,9 @@ export {
   Image as n,
   observer as o,
   pascalCase as p,
-  SbVariable as q,
+  StateVar as q,
   registerComponent as r,
-  SbTimer as s,
+  Timer as s,
   toJS as t,
   SbApi as u,
   SbProvider as v,
@@ -200379,4 +200374,4 @@ export {
   setQueryParams as y,
   download as z
 };
-//# sourceMappingURL=index-CQyG8q_M.js.map
+//# sourceMappingURL=index-C7Zt4bkH.js.map