intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/accordion/lib/es6/Accordion.js

@@ -0,0 +1,223 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps3 } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import createComponent, { Component, sstyled, Root } from '@semcore/core';
+import { Box } from '@semcore/flex-box';
+import { Collapse as CollapseAnimate } from '@semcore/animation';
+import ChevronRight from '@semcore/icon/ChevronRight/m';
+import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
+import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
+/*__reshadow-styles__:"./style/accordion.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_1jqq9_gg_{cursor:pointer;outline:0}.___SItemToggle_1jqq9_gg_.__keyboardFocused_1jqq9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemToggle_1jqq9_gg_.__disabled_1jqq9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1jqq9_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SItemChevron_1jqq9_gg_.__selected_1jqq9_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1jqq9_gg_{transition:none}}" /*__inner_css_end__*/, "1jqq9_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_1jqq9_gg_",
+  "_keyboardFocused": "__keyboardFocused_1jqq9_gg_",
+  "_disabled": "__disabled_1jqq9_gg_",
+  "__SItemChevron": "___SItemChevron_1jqq9_gg_",
+  "_selected": "__selected_1jqq9_gg_"
+});
+var RootAccordion = /*#__PURE__*/function (_Component) {
+  _inherits(RootAccordion, _Component);
+  var _super = _createSuper(RootAccordion);
+  function RootAccordion() {
+    var _this;
+    _classCallCheck(this, RootAccordion);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleToggleInteraction", function (newValue) {
+      var value = _this.asProps.value;
+      if (Array.isArray(value)) {
+        var indexOfNewValue = value.indexOf(newValue);
+        var result = _toConsumableArray(value);
+        indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);
+        _this.handlers.value(result);
+      } else {
+        _this.handlers.value(value === newValue ? null : newValue);
+      }
+    });
+    return _this;
+  }
+  _createClass(RootAccordion, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        value: null
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function getItemProps(_ref6) {
+      var value = _ref6.value;
+      var _this$asProps = this.asProps,
+        selectedValue = _this$asProps.value,
+        duration = _this$asProps.duration;
+      var selected = Array.isArray(selectedValue) ? selectedValue.includes(value) : selectedValue === value;
+      return {
+        selected: selected,
+        duration: duration,
+        $handleInteraction: this.handleToggleInteraction
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var Children = this.asProps.Children;
+      return /*#__PURE__*/React.createElement(Children, null);
+    }
+  }]);
+  return RootAccordion;
+}(Component);
+_defineProperty(RootAccordion, "displayName", 'Accordion');
+_defineProperty(RootAccordion, "style", style);
+_defineProperty(RootAccordion, "defaultProps", {
+  defaultValue: []
+});
+_defineProperty(RootAccordion, "enhance", [cssVariableEnhance({
+  variable: '--intergalactic-duration-accordion',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+})]);
+export var RootItem = /*#__PURE__*/function (_Component2) {
+  _inherits(RootItem, _Component2);
+  var _super2 = _createSuper(RootItem);
+  function RootItem() {
+    var _this2;
+    _classCallCheck(this, RootItem);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this2), "handleClick", function () {
+      var _this2$asProps = _this2.asProps,
+        value = _this2$asProps.value,
+        $handleInteraction = _this2$asProps.$handleInteraction;
+      $handleInteraction(value);
+    });
+    return _this2;
+  }
+  _createClass(RootItem, [{
+    key: "getToggleProps",
+    value: function getToggleProps() {
+      var _this$asProps2 = this.asProps,
+        value = _this$asProps2.value,
+        uid = _this$asProps2.uid,
+        selected = _this$asProps2.selected,
+        disabled = _this$asProps2.disabled;
+      return {
+        disabled: disabled,
+        onClick: disabled ? undefined : this.handleClick,
+        id: "igc-".concat(uid, "-").concat(value, "-toggle"),
+        role: 'button',
+        'aria-expanded': selected ? 'true' : 'false',
+        'aria-controls': "igc-".concat(uid, "-").concat(value, "-collapse")
+      };
+    }
+  }, {
+    key: "getCollapseProps",
+    value: function getCollapseProps() {
+      var _this$asProps3 = this.asProps,
+        selected = _this$asProps3.selected,
+        uid = _this$asProps3.uid,
+        duration = _this$asProps3.duration,
+        value = _this$asProps3.value;
+      return {
+        selected: selected,
+        duration: duration,
+        id: "igc-".concat(uid, "-").concat(value, "-collapse"),
+        role: 'region',
+        'aria-labelledby': "igc-".concat(uid, "-").concat(value, "-toggle")
+      };
+    }
+  }, {
+    key: "getChevronProps",
+    value: function getChevronProps() {
+      var selected = this.asProps.selected;
+      return {
+        selected: selected
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var Children = this.asProps.Children;
+      return /*#__PURE__*/React.createElement(Children, null);
+    }
+  }]);
+  return RootItem;
+}(Component);
+_defineProperty(RootItem, "displayName", 'Item');
+_defineProperty(RootItem, "style", style);
+_defineProperty(RootItem, "enhance", [uniqueIDEnhancement()]);
+var Toggle = /*#__PURE__*/function (_Component3) {
+  _inherits(Toggle, _Component3);
+  var _super3 = _createSuper(Toggle);
+  function Toggle() {
+    _classCallCheck(this, Toggle);
+    return _super3.apply(this, arguments);
+  }
+  _createClass(Toggle, [{
+    key: "handleKeyDown",
+    value: function handleKeyDown(e) {
+      switch (e.key) {
+        case 'Enter':
+        case ' ':
+          e.preventDefault();
+          e.currentTarget.click();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref4;
+      var _this$asProps4 = this.asProps,
+        styles = _this$asProps4.styles,
+        disabled = _this$asProps4.disabled;
+      var SItemToggle = Box;
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SItemToggle, _ref4.cn("SItemToggle", _objectSpread({}, _assignProps({
+        "onKeyDown": this.handleKeyDown,
+        "aria-disabled": disabled ? 'true' : undefined
+      }, _ref))));
+    }
+  }]);
+  return Toggle;
+}(Component);
+_defineProperty(Toggle, "enhance", [keyboardFocusEnhance()]);
+function Chevron(props) {
+  var _ref2 = arguments[0],
+    _ref5;
+  var styles = props.styles;
+  var SItemChevron = ChevronRight;
+  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SItemChevron, _ref5.cn("SItemChevron", _objectSpread({}, _assignProps2({}, _ref2))));
+}
+function Collapse(props) {
+  var _ref3 = arguments[0];
+  var selected = props.selected;
+  return /*#__PURE__*/React.createElement(CollapseAnimate, _assignProps3({
+    "visible": selected,
+    "interactive": true
+  }, _ref3));
+}
+var Item = createComponent(RootItem, {
+  Toggle: Toggle,
+  Chevron: Chevron,
+  Collapse: Collapse
+});
+var Accordion = createComponent(RootAccordion, {
+  Item: Item
+});
+export default Accordion;
+//# sourceMappingURL=Accordion.js.map

package/libs/accordion/lib/es6/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","names":["React","createComponent","Component","sstyled","Root","Box","Collapse","CollapseAnimate","ChevronRight","keyboardFocusEnhance","uniqueIDEnhancement","cssVariableEnhance","style","_sstyled","insert","RootAccordion","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray","push","splice","handlers","_createClass","key","uncontrolledProps","getItemProps","_ref6","_this$asProps","selectedValue","duration","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","defaultValue","variable","fallback","map","Number","parseInt","prop","RootItem","_Component2","_super2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","role","getCollapseProps","_this$asProps3","getChevronProps","Toggle","_Component3","_super3","handleKeyDown","e","preventDefault","currentTarget","click","_ref","_ref4","_this$asProps4","styles","SItemToggle","cn","_objectSpread","_assignProps","Chevron","props","_ref2","arguments[0]","_ref5","SItemChevron","_assignProps2","_ref3","_assignProps3","Item","Accordion"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n  };\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-accordion',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleToggleInteraction = (newValue) => {\n    const { value } = this.asProps;\n\n    if (Array.isArray(value)) {\n      const indexOfNewValue = value.indexOf(newValue);\n      const result = [...value];\n      indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n      this.handlers.value(result);\n    } else {\n      this.handlers.value(value === newValue ? null : newValue);\n    }\n  };\n\n  getItemProps({ value }) {\n    const { value: selectedValue, duration } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n    return {\n      selected,\n      duration,\n      $handleInteraction: this.handleToggleInteraction,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nexport class RootItem extends Component {\n  static displayName = 'Item';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  handleClick = () => {\n    const { value, $handleInteraction } = this.asProps;\n\n    $handleInteraction(value);\n  };\n\n  getToggleProps() {\n    const { value, uid, selected, disabled } = this.asProps;\n    return {\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      role: 'button',\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': `igc-${uid}-${value}-collapse`,\n    };\n  }\n\n  getCollapseProps() {\n    const { selected, uid, duration, value } = this.asProps;\n    return {\n      selected,\n      duration,\n      id: `igc-${uid}-${value}-collapse`,\n      role: 'region',\n      'aria-labelledby': `igc-${uid}-${value}-toggle`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected } = this.asProps;\n    return {\n      selected,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component {\n  static enhance = [keyboardFocusEnhance()];\n\n  handleKeyDown(e) {\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        e.currentTarget.click();\n    }\n  }\n\n  render() {\n    const { styles, disabled } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle\n        render={Box}\n        onKeyDown={this.handleKeyDown}\n        aria-disabled={disabled ? 'true' : undefined}\n      />,\n    );\n  }\n}\n\nfunction Chevron(props) {\n  const { styles } = props;\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={ChevronRight} />);\n}\n\nfunction Collapse(props) {\n  const { selected } = props;\n  return <Root render={CollapseAnimate} visible={selected} interactive />;\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n});\n\nexport default Accordion;\n"],"mappings":"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"}

package/libs/accordion/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/libs/accordion/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { Box, BoxProps, FlexProps } from '@semcore/flex-box';\nimport { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';\nimport { CollapseProps } from '@semcore/animation';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type AccordionValue = null | number | string | Array<number | string | null>;\n\nexport type AccordionProps<T extends AccordionValue = AccordionValue> = FlexProps & {\n  /** Value for the active tab. Can be set as stroke, number, null or as array.\n   * @type AccordionValue\n   * */\n  value?: T;\n  /**\n   * Value of the active tabs selected by default\n   * @type AccordionValue\n   * @default []\n   */\n  defaultValue?: T;\n  /** Called when the selection is changed\n   * @type (value: AccordionValue, event?: React.SyntheticEvent) => void\n   * */\n  onChange?:\n    | ((value: T, event?: React.SyntheticEvent) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /** Animation duration of each Accordion.Item inside\n   * @default 350 */\n  duration?: number;\n};\n\nexport interface IAccordionProps<T extends AccordionValue = AccordionValue>\n  extends AccordionProps<T> {}\n\n/** @deprecated */\nexport interface IAccordionContext extends AccordionContext, UnknownProperties {}\nexport type AccordionContext = {\n  getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAccordionHandlers extends AccordionHandlers, UnknownProperties {}\nexport type AccordionHandlers = {\n  value: (value: AccordionValue) => void;\n};\n\n/** @deprecated */\nexport interface IAccordionItemProps extends AccordionItemProps, UnknownProperties {}\nexport type AccordionItemProps = {\n  /** Tab value */\n  value: string | number;\n  /** Disabling selection changes */\n  disabled?: boolean;\n  /** Animation duration\n   * @default 350 */\n  duration?: number;\n};\n\n/** @deprecated */\nexport interface IAccordionItemContext extends AccordionItemContext, UnknownProperties {}\nexport type AccordionItemContext = {\n  getToggleProps?: PropGetterFn;\n  getCollapseProps?: PropGetterFn;\n  getChevronProps?: PropGetterFn;\n  selected?: boolean;\n};\n\nexport type AccordionItemToggleProps = BoxProps & KeyboardFocusProps;\n\ntype IntergalacticAccordionComponent = (<\n  Value extends AccordionValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    Tag,\n    'div',\n    AccordionProps<Value>,\n    AccordionContext & { value: Value },\n    [handlers: AccordionHandlers]\n  >,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div'>;\n\ndeclare const Accordion: IntergalacticAccordionComponent & {\n  Item: Intergalactic.Component<\n    'div',\n    AccordionItemProps,\n    AccordionItemContext,\n    [handlers: AccordionHandlers]\n  > & {\n    Toggle: Intergalactic.Component<'div', AccordionItemToggleProps>;\n    Chevron: typeof Box;\n    Collapse: Intergalactic.Component<'div', CollapseProps>;\n  };\n};\n\nexport default Accordion;\n"],"mappings":""}

package/libs/accordion/lib/es6/index.js

@@ -0,0 +1,3 @@
+export { default } from './Accordion';
+export * from './Accordion';
+//# sourceMappingURL=index.js.map

package/libs/accordion/lib/es6/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Accordion';\nexport * from './Accordion';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa;AACrC,cAAc,aAAa"}

package/libs/accordion/lib/types/index.d.ts

@@ -0,0 +1,95 @@
+import { Box, BoxProps, FlexProps } from '@semcore/flex-box';
+import { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';
+import { CollapseProps } from '@semcore/animation';
+import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+
+export type AccordionValue = null | number | string | Array<number | string | null>;
+
+export type AccordionProps<T extends AccordionValue = AccordionValue> = FlexProps & {
+  /** Value for the active tab. Can be set as stroke, number, null or as array.
+   * @type AccordionValue
+   * */
+  value?: T;
+  /**
+   * Value of the active tabs selected by default
+   * @type AccordionValue
+   * @default []
+   */
+  defaultValue?: T;
+  /** Called when the selection is changed
+   * @type (value: AccordionValue, event?: React.SyntheticEvent) => void
+   * */
+  onChange?:
+    | ((value: T, event?: React.SyntheticEvent) => void)
+    | React.Dispatch<React.SetStateAction<T>>;
+  /** Animation duration of each Accordion.Item inside
+   * @default 350 */
+  duration?: number;
+};
+
+export interface IAccordionProps<T extends AccordionValue = AccordionValue>
+  extends AccordionProps<T> {}
+
+/** @deprecated */
+export interface IAccordionContext extends AccordionContext, UnknownProperties {}
+export type AccordionContext = {
+  getItemProps: PropGetterFn;
+};
+
+/** @deprecated */
+export interface IAccordionHandlers extends AccordionHandlers, UnknownProperties {}
+export type AccordionHandlers = {
+  value: (value: AccordionValue) => void;
+};
+
+/** @deprecated */
+export interface IAccordionItemProps extends AccordionItemProps, UnknownProperties {}
+export type AccordionItemProps = {
+  /** Tab value */
+  value: string | number;
+  /** Disabling selection changes */
+  disabled?: boolean;
+  /** Animation duration
+   * @default 350 */
+  duration?: number;
+};
+
+/** @deprecated */
+export interface IAccordionItemContext extends AccordionItemContext, UnknownProperties {}
+export type AccordionItemContext = {
+  getToggleProps?: PropGetterFn;
+  getCollapseProps?: PropGetterFn;
+  getChevronProps?: PropGetterFn;
+  selected?: boolean;
+};
+
+export type AccordionItemToggleProps = BoxProps & KeyboardFocusProps;
+
+type IntergalacticAccordionComponent = (<
+  Value extends AccordionValue,
+  Tag extends Intergalactic.Tag = 'div',
+>(
+  props: Intergalactic.InternalTypings.ComponentProps<
+    Tag,
+    'div',
+    AccordionProps<Value>,
+    AccordionContext & { value: Value },
+    [handlers: AccordionHandlers]
+  >,
+) => Intergalactic.InternalTypings.ComponentRenderingResults) &
+  Intergalactic.InternalTypings.ComponentAdditive<'div'>;
+
+declare const Accordion: IntergalacticAccordionComponent & {
+  Item: Intergalactic.Component<
+    'div',
+    AccordionItemProps,
+    AccordionItemContext,
+    [handlers: AccordionHandlers]
+  > & {
+    Toggle: Intergalactic.Component<'div', AccordionItemToggleProps>;
+    Chevron: typeof Box;
+    Collapse: Intergalactic.Component<'div', CollapseProps>;
+  };
+};
+
+export default Accordion;

package/libs/animation/lib/cjs/Animation.js

@@ -0,0 +1,165 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.animationContext = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("@semcore/flex-box");
+var _contextEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/contextEnhance"));
+/*__reshadow-styles__:"./style/animate.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAnimation_1tjys_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1tjys);animation-duration:var(--durationFinalize_1tjys);animation-delay:var(--delayFinalize_1tjys);animation-name:var(--keyframesFinalize_1tjys)}.___SAnimation_1tjys_gg_.__transition-based_1tjys_gg_{transition-timing-function:var(--timingFunction_1tjys);transition-duration:var(--durationFinalize_1tjys);transition-delay:var(--delayFinalize_1tjys)}.___SAnimation_1tjys_gg_.__visible_1tjys_gg_{animation-duration:var(--durationInitialize_1tjys);animation-delay:var(--delayInitialize_1tjys);animation-name:var(--keyframesInitialize_1tjys)}.___SAnimation_1tjys_gg_.__visible_1tjys_gg_.__transition-based_1tjys_gg_{transition-timing-function:var(--timingFunction_1tjys);transition-duration:var(--durationInitialize_1tjys);transition-delay:var(--delayInitialize_1tjys)}@media (prefers-reduced-motion){.___SAnimation_1tjys_gg_.__transition-based_1tjys_gg_,.___SAnimation_1tjys_gg_.__visible_1tjys_gg_.__transition-based_1tjys_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1tjys_gg_,.___SAnimation_1tjys_gg_.__visible_1tjys_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1tjys_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_1tjys_gg_",
+  "--timingFunction": "--timingFunction_1tjys",
+  "--durationFinalize": "--durationFinalize_1tjys",
+  "--delayFinalize": "--delayFinalize_1tjys",
+  "--keyframesFinalize": "--keyframesFinalize_1tjys",
+  "_transition-based": "__transition-based_1tjys_gg_",
+  "_visible": "__visible_1tjys_gg_",
+  "--durationInitialize": "--durationInitialize_1tjys",
+  "--delayInitialize": "--delayInitialize_1tjys",
+  "--keyframesInitialize": "--keyframesInitialize_1tjys"
+});
+function propToArray(prop) {
+  return Array.isArray(prop) ? prop : [prop, prop];
+}
+var makeAnimationContextValue = function makeAnimationContextValue() {
+  var context = {
+    onAnimationStartSubscribers: [],
+    onAnimationStart: function onAnimationStart(callback) {
+      context.onAnimationStartSubscribers.push(callback);
+      return function () {
+        return context.onAnimationStartSubscribers.filter(function (cb) {
+          return cb !== callback;
+        });
+      };
+    },
+    onAnimationEndSubscribers: [],
+    onAnimationEnd: function onAnimationEnd(callback) {
+      context.onAnimationEndSubscribers.push(callback);
+      return function () {
+        return context.onAnimationEndSubscribers.filter(function (cb) {
+          return cb !== callback;
+        });
+      };
+    }
+  };
+  return context;
+};
+var animationContext = /*#__PURE__*/_react["default"].createContext(null);
+exports.animationContext = animationContext;
+var Animation = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(Animation, _Component);
+  var _super = (0, _createSuper2["default"])(Animation);
+  function Animation() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Animation);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      animationRunning: false,
+      render: _this.props.visible || _this.props.preserveNode,
+      wasInvisible: !_this.props.visible
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "animationContext", makeAnimationContextValue());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAnimationStart", function () {
+      var _this$asProps = _this.asProps,
+        animationsDisabled = _this$asProps.animationsDisabled,
+        parentAnimationContext = _this$asProps.parentAnimationContext;
+      var duration = animationsDisabled ? [0, 0] : propToArray(_this.asProps.duration);
+      var animationContext = parentAnimationContext !== null && parentAnimationContext !== void 0 ? parentAnimationContext : _this.animationContext;
+      animationContext.onAnimationStartSubscribers.forEach(function (callback) {
+        return callback(duration[0]);
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAnimationEnd", function (event) {
+      event.stopPropagation();
+      if (!_this.asProps.visible && !_this.props.preserveNode) {
+        _this.setState({
+          render: false
+        });
+      }
+      var parentAnimationContext = _this.asProps.parentAnimationContext;
+      var animationContext = parentAnimationContext !== null && parentAnimationContext !== void 0 ? parentAnimationContext : _this.animationContext;
+      animationContext.onAnimationEndSubscribers.forEach(function (callback) {
+        return callback();
+      });
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(Animation, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SAnimation = _flexBox.Box;
+      var _this$asProps2 = this.asProps,
+        styles = _this$asProps2.styles,
+        keyframes = _this$asProps2.keyframes,
+        initialAnimation = _this$asProps2.initialAnimation,
+        timingFunction = _this$asProps2.timingFunction,
+        animationsDisabled = _this$asProps2.animationsDisabled,
+        parentAnimationContext = _this$asProps2.parentAnimationContext;
+      var animationContextValue = parentAnimationContext !== null && parentAnimationContext !== void 0 ? parentAnimationContext : this.animationContext;
+      var duration = animationsDisabled ? [0, 0] : propToArray(this.asProps.duration);
+      var delay = animationsDisabled ? [0, 0] : propToArray(this.asProps.delay);
+      var _this$state = this.state,
+        render = _this$state.render,
+        wasInvisible = _this$state.wasInvisible;
+      if (!render) return null;
+      return /*#__PURE__*/_react["default"].createElement(animationContext.Provider, {
+        value: animationContextValue
+      }, (_ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAnimation, _ref2.cn("SAnimation", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "onAnimationStart": this.onAnimationStart,
+        "onAnimationEnd": this.onAnimationEnd,
+        "durationInitialize": "".concat(duration[0], "ms"),
+        "durationFinalize": "".concat(duration[1], "ms"),
+        "delayInitialize": "".concat(delay[0], "ms"),
+        "delayFinalize": "".concat(delay[1], "ms"),
+        "timingFunction": timingFunction,
+        "keyframesInitialize": wasInvisible || initialAnimation ? keyframes[0] : 'totally-no-animations',
+        "keyframesFinalize": keyframes[1]
+      }, _ref))))));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      var wasInvisible = state.wasInvisible || !props.visible;
+      if (props.visible || props.preserveNode || state.wasInvisible !== wasInvisible) {
+        return {
+          render: true,
+          wasInvisible: wasInvisible
+        };
+      }
+      return state;
+    }
+  }]);
+  return Animation;
+}(_core.Component);
+(0, _defineProperty2["default"])(Animation, "displayName", 'Animation');
+(0, _defineProperty2["default"])(Animation, "style", style);
+(0, _defineProperty2["default"])(Animation, "defaultProps", {
+  visible: false,
+  duration: 0,
+  delay: 0,
+  keyframes: [],
+  initialAnimation: false,
+  timingFunction: 'ease-out',
+  animationsDisabled: false
+});
+(0, _defineProperty2["default"])(Animation, "enhance", [(0, _contextEnhance["default"])(animationContext, 'parentAnimationContext')]);
+var _default = (0, _core["default"])(Animation);
+exports["default"] = _default;
+//# sourceMappingURL=Animation.js.map

package/libs/animation/lib/cjs/Animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Animation.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_contextEnhance","style","sstyled","insert","propToArray","prop","Array","isArray","makeAnimationContextValue","context","onAnimationStartSubscribers","onAnimationStart","callback","push","filter","cb","onAnimationEndSubscribers","onAnimationEnd","animationContext","React","createContext","exports","Animation","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","animationRunning","render","props","visible","preserveNode","wasInvisible","_this$asProps","asProps","animationsDisabled","parentAnimationContext","duration","forEach","event","stopPropagation","setState","_createClass2","key","value","_ref","_ref2","SAnimation","Box","_this$asProps2","styles","keyframes","initialAnimation","timingFunction","animationContextValue","delay","_this$state","state","createElement","Provider","cn","_objectSpread2","assignProps","getDerivedStateFromProps","Component","contextEnhance","_default","createComponent"],"sources":["../../src/Animation.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport contextEnhance from '@semcore/utils/lib/enhances/contextEnhance';\nimport style from './style/animate.shadow.css';\n\nfunction propToArray(prop) {\n  return Array.isArray(prop) ? prop : [prop, prop];\n}\n\nconst makeAnimationContextValue = () => {\n  const context = {\n    onAnimationStartSubscribers: [],\n    onAnimationStart: (callback) => {\n      context.onAnimationStartSubscribers.push(callback);\n      return () => context.onAnimationStartSubscribers.filter((cb) => cb !== callback);\n    },\n    onAnimationEndSubscribers: [],\n    onAnimationEnd: (callback) => {\n      context.onAnimationEndSubscribers.push(callback);\n      return () => context.onAnimationEndSubscribers.filter((cb) => cb !== callback);\n    },\n  };\n  return context;\n};\nexport const animationContext = React.createContext(null);\n\nclass Animation extends Component {\n  static displayName = 'Animation';\n  static style = style;\n  static defaultProps = {\n    visible: false,\n    duration: 0,\n    delay: 0,\n    keyframes: [],\n    initialAnimation: false,\n    timingFunction: 'ease-out',\n    animationsDisabled: false,\n  };\n  static enhance = [contextEnhance(animationContext, 'parentAnimationContext')];\n\n  static getDerivedStateFromProps(props, state) {\n    const wasInvisible = state.wasInvisible || !props.visible;\n    if (props.visible || props.preserveNode || state.wasInvisible !== wasInvisible) {\n      return { render: true, wasInvisible };\n    }\n    return state;\n  }\n\n  state = {\n    animationRunning: false,\n    render: this.props.visible || this.props.preserveNode,\n    wasInvisible: !this.props.visible,\n  };\n\n  animationContext = makeAnimationContextValue();\n\n  onAnimationStart = () => {\n    const { animationsDisabled, parentAnimationContext } = this.asProps;\n    const duration = animationsDisabled ? [0, 0] : propToArray(this.asProps.duration);\n    const animationContext = parentAnimationContext ?? this.animationContext;\n    animationContext.onAnimationStartSubscribers.forEach((callback) => callback(duration[0]));\n  };\n\n  onAnimationEnd = (event) => {\n    event.stopPropagation();\n    if (!this.asProps.visible && !this.props.preserveNode) {\n      this.setState({ render: false });\n    }\n    const { parentAnimationContext } = this.asProps;\n    const animationContext = parentAnimationContext ?? this.animationContext;\n    animationContext.onAnimationEndSubscribers.forEach((callback) => callback());\n  };\n\n  render() {\n    const SAnimation = Root;\n    const {\n      styles,\n      keyframes,\n      initialAnimation,\n      timingFunction,\n      animationsDisabled,\n      parentAnimationContext,\n    } = this.asProps;\n    const animationContextValue = parentAnimationContext ?? this.animationContext;\n    const duration = animationsDisabled ? [0, 0] : propToArray(this.asProps.duration);\n    const delay = animationsDisabled ? [0, 0] : propToArray(this.asProps.delay);\n    const { render, wasInvisible } = this.state;\n\n    if (!render) return null;\n\n    return (\n      <animationContext.Provider value={animationContextValue}>\n        {sstyled(styles)(\n          <SAnimation\n            render={Box}\n            onAnimationStart={this.onAnimationStart}\n            onAnimationEnd={this.onAnimationEnd}\n            durationInitialize={`${duration[0]}ms`}\n            durationFinalize={`${duration[1]}ms`}\n            delayInitialize={`${delay[0]}ms`}\n            delayFinalize={`${delay[1]}ms`}\n            timingFunction={timingFunction}\n            keyframesInitialize={\n              wasInvisible || initialAnimation ? keyframes[0] : 'totally-no-animations'\n            }\n            keyframesFinalize={keyframes[1]}\n          />,\n        )}\n      </animationContext.Provider>\n    );\n  }\n}\n\nexport default createComponent(Animation);\n"],"mappings":"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"}